Amazon web services 本地主机上Cognito托管UI的Facebook登录设置

我正在尝试使用AWS Cognito托管的UI来允许用户使用Facebook登录到用户池。我希望能够在本地开发环境中进行身份验证。我的问题是，我似乎无法找出要指定的正确URL，以便在

localhost:3000

上运行

我尝试了很多组合，但我似乎一直遇到“无法加载UL”错误：

在前端，我使用aws amplify react的

with OAuth

函数来使用加载托管UI的函数：

import React，{Component}来自'React'；
从“aws放大”导入放大；
从'aws amplify react'导入{withOAuth}；
常量oauth={
domain:“我的应用程序客户端domain.auth.us-east-1.amazoncognito.com”，
范围：[
'phone'，'email'，'profile'，'openid'，'aws.cognito.signin.user.admin'
],
签名：'https://localhost:3000/authenticated',
重定向注销：'https://localhost:3000/logout',
responseType:“代码”
}
放大({
认证：{
oauth:oauth
}
});
类LoginButton扩展组件{
render（）{
返回(
登录
);
}
}
使用OAuth导出默认值（登录按钮）；

我的facebook应用程序设置在“设置->基本”下如下所示：

应用程序域：

我的应用程序客户端域.auth.us-east-1.amazoncognito.com

网站URL:

https://my-app-client-domain.auth.us-east-1.amazoncognito.com/oauth2/idpresponse

在“产品->Facebook登录->设置”下：

有效的OAuth重定向URI:

https://localhost:3000/authenticated

AWS控制台中的“我的用户池”设置为：

在“应用程序集成->应用程序客户端设置”下：

显然，我的应用程序集成域名设置为“我的应用程序客户端域”，我的facebook应用程序设置为“联合->身份提供商”

总之，我目前有以下URL设置：

• 前端应用程序
  • 域：my-app-client-domain.auth.us-east-1.amazoncognito.com
  • 重定向登录：
  • 重定向注销：
• Facebook设置
  • 应用程序域：my-App-client-domain.auth.us-east-1.amazoncognito.com
  • 网站URL:
  • 有效的OAuth重定向URI：
• AWS用户池设置：
  • 回调URL:
  • 注销URL:
  • 域前缀：我的应用程序客户端域

---

我的任何设置看起来是否有问题，或者是否存在与我可能设置错误的实际URL无关的内容？

结果是，毫不奇怪，我的问题与此完全无关。我在AWS中为我的身份提供商设置了错误的Facebook应用程序ID，因此，如果您遇到此问题，值得再次检查

也就是说，缺乏关于设置Facebook应用程序与Cognito协同工作的文档是让我陷入困境的原因。此外，我还需要更新我的URL设置，因此以下是最终对我有效的设置：

• 前端应用程序
  • 域：my-app-client-domain.auth.us-east-1.amazoncognito.com
  • 重定向登录：
  • 重定向注销：
• Facebook设置
  • 应用程序域：localhost
  • 网站URL:
  • 有效的OAuth重定向URI：
• AWS用户池设置：
  • 回调URL:
  • 注销URL:
  • 域前缀：我的应用程序客户端域

“2018年10月6日，所有应用程序都必须使用HTTPS。”