single-sign-on - AWS Amplify 联合 Okta 身份验证与托管 Cognito UI

Question

我正在尝试更新现有的 React Amplify 应用程序，该应用程序使用 AWS Cognito 用户池进行身份验证，以使用通过 SAML 集成的 Okta SSO 进行身份验证。 Cognito 是根据 these instructions 配置的并且我非常确定一切都已正确配置，因为当我使用 Cognito 控制台中的“启动托管 UI”按钮时，我会看到包含 Okta 和 Cognito 用户名/密码面板的正确登录对话框，并且可以使用其中任何一个进行身份验证。

尽管在 React 中使用 Authenticator 组件调用时，我无法显示相同的面板，我认为这是因为我没有设置 federated 参数正确，但我能找到的唯一文档是关于使用 Google、Facebook 或 Auth0 进行配置的，而不是 Okta。

我得到的错误是:

未处理的拒绝 (TypeError):无法读取未定义的属性“oauthSignIn”

并且代码设置如下(但我已经尝试了很多排列但没有成功):

const federatedInfo = {
    oauth_config: {
        domain: 'xxx.auth.us-east-1.amazoncognito.com',
        clientID: 'zzz',
        redirectUri: 'http://localhost:3000/',
        audience: 'urn:amazon:cognito:sp:us-east-yyy',
        responseType: 'token', //'token id_token', // for now we only support implicit grant flow
        scope: 'openid email',
        returnTo: 'http://localhost:3000/'
    }
};


   <Authenticator
        {...props}
        theme={AmplifyTheme}
        federated={federatedInfo}
        hideDefault={true}
        signUpConfig={authConfig.signUpConfig}
        onStateChange={(state, data) => {
            setAuthData({authState: state, user: data});
        }}
        children={[<Greetings/>, <SignIn federated={federatedInfo}/>, <ConfirmSignIn/>, <VerifyContact/>, <ForgotPassword/>, <RequireNewPassword/>]}
    />;

关于如何让它工作的任何提示？

Answer 1

我不完全了解你，因为我不使用 Amplify，但值得检查一下你是否知道你可以使用授权端点？

https://docs.aws.amazon.com/cognito/latest/developerguide/authorization-endpoint.html

即你可以用这种格式创建一个静态链接

https://[您的 Cognito 身份验证域]/oauth2/authorize?redirect_uri=[您的回调 URL]&response_type=token&client_id=[您的客户端 ID]&identity_provider=[您的身份提供商]