Expo AppleAuthentication

GitHub

npm

A library that provides Sign-in with Apple capability for iOS.

iOS
tvOS

expo-apple-authentication provides Apple authentication for iOS. It does not yet support Android or web.

Any app that includes third-party authentication options must provide Apple authentication as an option to comply with App Store Review guidelines. For more information, see Apple authentication on the Sign In with Apple website.

Installation

Terminal
npx expo install expo-apple-authentication

If you are installing this in an existing React Native app, start by installing expo in your project. Then, follow the additional instructions as mentioned by the library's README under "Installation in bare React Native projects" section.

Configuration in app config

You can configure expo-apple-authentication using its built-in config plugin if you use config plugins in your project (EAS Build or npx expo run:[android|ios]). The plugin allows you to configure various properties that cannot be set at runtime and require building a new app binary to take effect. If your app does not use EAS Build, then you'll need to manually configure the package.

Setup iOS project

To enable the Sign In with Apple capability in your app, set the ios.usesAppleSignIn property to true in your project's app config:

app.json
{
  "expo": {
    "ios": {
      "usesAppleSignIn": true
    }
  }
}

Example app.json with config plugin

Running EAS Build locally will use iOS capabilities signing to enable the required capabilities before building.

app.json
{
  "expo": {
    "plugins": ["expo-apple-authentication"]
  }
}
Are you using this library in a bare React Native app?

Apps that don't use EAS Build must manually configure the Apple Sign In capability for their bundle identifier.

If you enable the Apple Sign In capability through the Apple Developer Console, then be sure to add the following entitlements in your ios/[app]/[app].entitlements file:

<key>com.apple.developer.applesignin</key>
<array>
  <string>Default</string>
</array>

Also, set CFBundleAllowMixedLocalizations to true in your ios/[app]/Info.plist to ensure the sign-in button uses the device locale.

Usage

Apple Authentication Usage
import * as AppleAuthentication from 'expo-apple-authentication';
import { View, StyleSheet } from 'react-native';

export default function App() {
  return (
    <View style={styles.container}>
      <AppleAuthentication.AppleAuthenticationButton
        buttonType={AppleAuthentication.AppleAuthenticationButtonType.SIGN_IN}
        buttonStyle={AppleAuthentication.AppleAuthenticationButtonStyle.BLACK}
        cornerRadius={5}
        style={styles.button}
        onPress={async () => {
          try {
            const credential = await AppleAuthentication.signInAsync({
              requestedScopes: [
                AppleAuthentication.AppleAuthenticationScope.FULL_NAME,
                AppleAuthentication.AppleAuthenticationScope.EMAIL,
              ],
            });
            // signed in
          } catch (e) {
            if (e.code === 'ERR_REQUEST_CANCELED') {
              // handle that the user canceled the sign-in flow
            } else {
              // handle other errors
            }
          }
        }}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
  button: {
    width: 200,
    height: 44,
  },
});

Development and testing

You can test this library in Expo Go on iOS without following any of the instructions above. However, you'll need to add the config plugin to use this library if you are using EAS Build. When you sign into Expo Go, the identifiers and values you receive will likely be different than what you'll receive in standalone apps.

You can do limited testing of this library on the iOS Simulator. However, not all methods will behave the same as on a device, so we highly recommend testing on a real device when possible while developing.

Verifying the Response from Apple

Apple's response includes a signed JWT with information about the user. To ensure that the response came from Apple, you can cryptographically verify the signature with Apple's public key, which is published at https://appleid.apple.com/auth/keys. This process is not specific to Expo.

API

import * as AppleAuthentication from 'expo-apple-authentication';

Component

AppleAuthenticationButton

Type: React.Element<AppleAuthenticationButtonProps>

This component displays the proprietary "Sign In with Apple" / "Continue with Apple" button on your screen. The App Store Guidelines require you to use this component to start the authentication process instead of a custom button. Limited customization of the button is available via the provided properties.

You should only attempt to render this if AppleAuthentication.isAvailableAsync() resolves to true. This component will render nothing if it is not available, and you will get a warning in development mode (__DEV__ === true).

The properties of this component extend from View; however, you should not attempt to set backgroundColor or borderRadius with the style property. This will not work and is against the App Store Guidelines. Instead, you should use the buttonStyle property to choose one of the predefined color styles and the cornerRadius property to change the border radius of the button.

Make sure to attach height and width via the style props as without these styles, the button will not appear on the screen.

See: Apple Documentation for more details.

buttonStyle

Type: AppleAuthenticationButtonStyle

The Apple-defined color scheme to use to display the button.

buttonType

Type: AppleAuthenticationButtonType

The type of button text to display ("Sign In with Apple" vs. "Continue with Apple").

cornerRadius

Optional • Type: number

The border radius to use when rendering the button. This works similarly to style.borderRadius in other Views.

onPress

Type: () => void

The method to call when the user presses the button. You should call AppleAuthentication.signInAsync in here.

style

Optional • Type: StyleProp<Omit<ViewStyle, 'backgroundColor' | 'borderRadius'>>

The custom style to apply to the button. Should not include backgroundColor or borderRadius properties.

Inherited Props

Methods

AppleAuthentication.getCredentialStateAsync(user)

ParameterTypeDescription
userstring

The unique identifier for the user whose credential state you'd like to check. This should come from the user field of an AppleAuthenticationCredential object.


Queries the current state of a user credential, to determine if it is still valid or if it has been revoked.

Note: This method must be tested on a real device. On the iOS simulator it always throws an error.

A promise that fulfills with an AppleAuthenticationCredentialState value depending on the state of the credential.

AppleAuthentication.isAvailableAsync()

Determine if the current device's operating system supports Apple authentication.

Returns:

Promise<boolean>

A promise that fulfills with true if the system supports Apple authentication, and false otherwise.

AppleAuthentication.refreshAsync(options)


An operation that refreshes the logged-in user’s credentials. Calling this method will show the sign in modal before actually refreshing the user credentials.

A promise that fulfills with an AppleAuthenticationCredential object after a successful authentication, and rejects with ERR_REQUEST_CANCELED if the user cancels the refresh operation.

AppleAuthentication.signInAsync(options)

ParameterTypeDescription
options
(optional)
AppleAuthenticationSignInOptions

An optional AppleAuthenticationSignInOptions object


Sends a request to the operating system to initiate the Apple authentication flow, which will present a modal to the user over your app and allow them to sign in.

You can request access to the user's full name and email address in this method, which allows you to personalize your UI for signed in users. However, users can deny access to either or both of these options at runtime.

Additionally, you will only receive Apple Authentication Credentials the first time users sign into your app, so you must store it for later use. It's best to store this information either server-side, or using SecureStore, so that the data persists across app installs. You can use AppleAuthenticationCredential.user to identify the user, since this remains the same for apps released by the same developer.

A promise that fulfills with an AppleAuthenticationCredential object after a successful authentication, and rejects with ERR_REQUEST_CANCELED if the user cancels the sign-in operation.

AppleAuthentication.signOutAsync(options)


An operation that ends the authenticated session. Calling this method will show the sign in modal before actually signing the user out.

It is not recommended to use this method to sign out the user as it works counterintuitively. Instead of using this method it is recommended to simply clear all the user's data collected from using signInAsync or refreshAsync methods.

A promise that fulfills with an AppleAuthenticationCredential object after a successful authentication, and rejects with ERR_REQUEST_CANCELED if the user cancels the sign-out operation.

Event Subscriptions

Types

AppleAuthenticationCredential

The object type returned from a successful call to AppleAuthentication.signInAsync(), AppleAuthentication.refreshAsync(), or AppleAuthentication.signOutAsync() which contains all of the pertinent user and credential information.

See: Apple Documentation for more details.

NameTypeDescription
authorizationCodestring | null

A short-lived session token used by your app for proof of authorization when interacting with the app's server counterpart. Unlike user, this is ephemeral and will change each session.

emailstring | null

The user's email address. Might not be present if you didn't request the EMAIL scope. May also be null if this is not the first time the user has signed into your app. If the user chose to withhold their email address, this field will instead contain an obscured email address with an Apple domain.

fullNameAppleAuthenticationFullName | null

The user's name. May be null or contain null values if you didn't request the FULL_NAME scope, if the user denied access, or if this is not the first time the user has signed into your app.

identityTokenstring | null

A JSON Web Token (JWT) that securely communicates information about the user to your app.

realUserStatusAppleAuthenticationUserDetectionStatus

A value that indicates whether the user appears to the system to be a real person.

statestring | null

An arbitrary string that your app provided as state in the request that generated the credential. Used to verify that the response was from the request you made. Can be used to avoid replay attacks. If you did not provide state when making the sign-in request, this field will be null.

userstring

An identifier associated with the authenticated user. You can use this to check if the user is still authenticated later. This is stable and can be shared across apps released under the same development team. The same user will have a different identifier for apps released by other developers.

AppleAuthenticationFullName

An object representing the tokenized portions of the user's full name. Any of all of the fields may be null. Only applicable fields that the user has allowed your app to access will be nonnull.

NameTypeDescription
familyNamestring | null-
givenNamestring | null-
middleNamestring | null-
namePrefixstring | null-
nameSuffixstring | null-
nicknamestring | null-

AppleAuthenticationRefreshOptions

The options you can supply when making a call to AppleAuthentication.refreshAsync(). You must include the ID string of the user whose credentials you'd like to refresh.

See: Apple Documentation for more details.

NameTypeDescription
requestedScopes
(optional)
AppleAuthenticationScope[]

Array of user information scopes to which your app is requesting access. Note that the user can choose to deny your app access to any scope at the time of logging in. You will still need to handle null values for any scopes you request. Additionally, note that the requested scopes will only be provided to you the first time each user signs into your app; in subsequent requests they will be null. Defaults to [] (no scopes).

state
(optional)
string

An arbitrary string that is returned unmodified in the corresponding credential after a successful authentication. This can be used to verify that the response was from the request you made and avoid replay attacks. More information on this property is available in the OAuth 2.0 protocol RFC6749.

userstring-

AppleAuthenticationSignInOptions

The options you can supply when making a call to AppleAuthentication.signInAsync(). None of these options are required.

See: Apple Documentation for more details.

NameTypeDescription
nonce
(optional)
string

An arbitrary string that is used to prevent replay attacks. See more information on this in the OpenID Connect specification.

requestedScopes
(optional)
AppleAuthenticationScope[]

Array of user information scopes to which your app is requesting access. Note that the user can choose to deny your app access to any scope at the time of logging in. You will still need to handle null values for any scopes you request. Additionally, note that the requested scopes will only be provided to you the first time each user signs into your app; in subsequent requests they will be null. Defaults to [] (no scopes).

state
(optional)
string

An arbitrary string that is returned unmodified in the corresponding credential after a successful authentication. This can be used to verify that the response was from the request you made and avoid replay attacks. More information on this property is available in the OAuth 2.0 protocol RFC6749.

AppleAuthenticationSignOutOptions

The options you can supply when making a call to AppleAuthentication.signOutAsync(). You must include the ID string of the user to sign out.

See: Apple Documentation for more details.

NameTypeDescription
state
(optional)
string

An arbitrary string that is returned unmodified in the corresponding credential after a successful authentication. This can be used to verify that the response was from the request you made and avoid replay attacks. More information on this property is available in the OAuth 2.0 protocol RFC6749.

userstring-

Subscription

NameTypeDescription
remove() => void

A method to unsubscribe the listener.

Enums

AppleAuthenticationButtonStyle

An enum whose values control which pre-defined color scheme to use when rendering an AppleAuthenticationButton.

AppleAuthenticationButtonStyle Values

WHITE

AppleAuthenticationButtonStyle.WHITE = 0

White button with black text.

WHITE_OUTLINE

AppleAuthenticationButtonStyle.WHITE_OUTLINE = 1

White button with a black outline and black text.

BLACK

AppleAuthenticationButtonStyle.BLACK = 2

Black button with white text.

AppleAuthenticationButtonType

An enum whose values control which pre-defined text to use when rendering an AppleAuthenticationButton.

AppleAuthenticationButtonType Values

SIGN_IN

AppleAuthenticationButtonType.SIGN_IN = 0

"Sign in with Apple"

CONTINUE

AppleAuthenticationButtonType.CONTINUE = 1

"Continue with Apple"

Only for:
iOS 13.2+

SIGN_UP

AppleAuthenticationButtonType.SIGN_UP = 2

"Sign up with Apple"

AppleAuthenticationCredentialState

An enum whose values specify state of the credential when checked with AppleAuthentication.getCredentialStateAsync().

See: Apple Documentation for more details.

AppleAuthenticationCredentialState Values

REVOKED

AppleAuthenticationCredentialState.REVOKED = 0

AUTHORIZED

AppleAuthenticationCredentialState.AUTHORIZED = 1

NOT_FOUND

AppleAuthenticationCredentialState.NOT_FOUND = 2

TRANSFERRED

AppleAuthenticationCredentialState.TRANSFERRED = 3

AppleAuthenticationOperation

AppleAuthenticationOperation Values

IMPLICIT

AppleAuthenticationOperation.IMPLICIT = 0

An operation that depends on the particular kind of credential provider.

LOGIN

AppleAuthenticationOperation.LOGIN = 1

REFRESH

AppleAuthenticationOperation.REFRESH = 2

LOGOUT

AppleAuthenticationOperation.LOGOUT = 3

AppleAuthenticationScope

An enum whose values specify scopes you can request when calling AppleAuthentication.signInAsync().

Note that it is possible that you will not be granted all of the scopes which you request. You will still need to handle null values for any fields you request.

See: Apple Documentation for more details.

AppleAuthenticationScope Values

FULL_NAME

AppleAuthenticationScope.FULL_NAME = 0

EMAIL

AppleAuthenticationScope.EMAIL = 1

AppleAuthenticationUserDetectionStatus

An enum whose values specify the system's best guess for how likely the current user is a real person.

See: Apple Documentation for more details.

AppleAuthenticationUserDetectionStatus Values

UNSUPPORTED

AppleAuthenticationUserDetectionStatus.UNSUPPORTED = 0

The system does not support this determination and there is no data.

UNKNOWN

AppleAuthenticationUserDetectionStatus.UNKNOWN = 1

The system has not determined whether the user might be a real person.

LIKELY_REAL

AppleAuthenticationUserDetectionStatus.LIKELY_REAL = 2

The user appears to be a real person.

Error codes

Most of the error codes match the official Apple Authorization errors.

CodeDescription
ERR_INVALID_OPERATIONAn invalid authorization operation has been performed.
ERR_INVALID_RESPONSEThe authorization request received an invalid response.
ERR_INVALID_SCOPEAn invalid AppleAuthenticationScope was passed in.
ERR_REQUEST_CANCELEDThe user canceled the authorization attempt.
ERR_REQUEST_FAILEDThe authorization attempt failed. See the error message for additional information.
ERR_REQUEST_NOT_HANDLEDThe authorization request wasn't correctly handled.
ERR_REQUEST_NOT_INTERACTIVEThe authorization request isn't interactive.
ERR_REQUEST_UNKNOWNThe authorization attempt failed for an unknown reason.