amplify-js: Apple Signing Token is not from a supported provider of this identity pool.

Describe the bug I can’t signing with federated using https://github.com/invertase/react-native-apple-authentication In the provider I tested with SignInWithApple or appleid.apple.com

Code Snippet await Auth.federatedSignIn(‘appleid.apple.com’, {token: data.identityToken, expires_at: null})

Screenshots If applicable, add screenshots to help explain your problem.

What is Configured? If applicable, please provide what is configured for Amplify CLI:

Auth: {
 	identityPoolId: 'us-east-1:59cf7619-1bf8-4dc0-xxxx-xxx',
 	region: 'us-east-1',
 	storage: MemoryStorageNew,
 	userPoolId: 'us-east-1_xxxx,
 	userPoolWebClientId: ''
 }

Smartphone (please complete the following information):

Device: iPhone11
OS: 13.4

Additional context Add any other context about the problem here.

You can turn on the debug mode to provide more info for us by setting window.LOG_LEVEL = ‘DEBUG’; in your app.

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 3
Comments: 47 (19 by maintainers)

Most upvoted comments

@mezalejandro After looking a bit further, there seem to be 2 options for you to integrate “Sign In With Apple” in your app.

The first is using the OAuth Hosted UI, where the user will be taken to a browser to authenticate. In this case, you don’t need to use that 3rd party library to get the Apple token, as Cognito will handle that behind the scenes. In this case, you can just use Auth.federatedSignIn({provider: 'SignInWithApple'}).

The other option is using Identity Pool Federation, where you will have to manage all of the tokens via the client & the 3rd party library you’re currently using.

There are some intricacies with this approach, however. Here’s how I got a working example:

Add your app bundle id in the “Apple Services ID” field for the Identity Pool: Cognito -> Manage Identity Pools -> (select identity pool) -> Edit identity pool -> Authentication Providers -> Apple

import appleAuth, {
  AppleButton,
  AppleAuthRequestOperation,
  AppleAuthRequestScope,
} from '@invertase/react-native-apple-authentication';

//

async function onAppleButtonPress() {
    const result = await appleAuth.performRequest({
      requestedOperation: AppleAuthRequestOperation.LOGIN,
      requestedScopes: [
        AppleAuthRequestScope.EMAIL,
        AppleAuthRequestScope.FULL_NAME,
      ],
    });
    const decoded = jwt_decode(result.identityToken);

    const credentials = await Auth.federatedSignIn(
      'appleid.apple.com',
      {
        token: result.identityToken,
        expires_at: decoded.exp * 1000 + new Date().getTime(),
      },
      {
        name: `${result.fullName.givenName} ${result.fullName.familyName}`,
        email: decoded.email,
      },
    );

    console.log(credentials);
  }

//

<AppleButton
    buttonStyle={AppleButton.Style.WHITE}
    buttonType={AppleButton.Type.SIGN_IN}
    style={{
        width: 160,
         height: 45,
    }}
    onPress={() => onAppleButtonPress()}
/>

amhinson on May 6, 2020

@TanviVartak Ah ok! I’ll look into it and respond in that other issue, as the original issue here is a slightly different use-case.

amhinson on May 11, 2020

Hello @amhinson I followed all the steps https://aws.amazon.com/blogs/security/how-to-set-up-sign-in-with-apple-for-amazon-cognito/

Then using https://github.com/invertase/react-native-apple-authentication

In Auth of was-amplify I see the options: export declare enum CognitoHostedUIIdentityProvider { Cognito = “COGNITO”, Google = “Google”, Facebook = “Facebook”, Amazon = “LoginWithAmazon” }

There is no SignInWithApple option

mezalejandro on Apr 25, 2020