AWSCognitoHostedUI使用Google登录时出现CORS问题。
创始人
2024-09-24 13:02:47
0次
  1. 配置AWS Cognito用户池

在AWS Cognito控制台的“应用集成”下,选择“域名”。在“标识提供商”中添加Google并设置正确的凭据和授权链接。在“应用集成”中选择“域名”选项卡,将“授权范围”设置为openid和email。

  1. 修改Google Cloud Console设置

在Google Cloud Console中,进入API和服务->凭据。选择Google OAuth2凭据,并将授权重定向URI添加为Cognito授权域。

  1. 在Cognito用户池中设置允许来源

在AWS Cognito控制台的“应用集成”下,选择“域名”。在“允许来源”中添加Cognito授权域。

  1. 在前端路由中包含正确的域名

在前端路由中,添加正确的域名,包括http/https,以反映Cognito授权域名。

示例代码:

const auth = new AWS.CognitoIdentityServiceProvider({
  region: ‘REGION’,
  userPoolId: ‘USER_POOL_ID’,
  clientId: ‘CLIENT_ID’,
  identityPoolId: ‘IDENTITY_POOL_ID’,
  endpoint: ‘COGNITO_ENDPOINT’,
});

// sets the correct Cognito domain for your user pool
auth.userPoolDomain = ‘USER_POOL_DOMAIN’;

// sets the correct Google Client ID for your OAuth2 provider
auth.googleClientId = ‘GOOGLE_CLIENT_ID’;

// sets the correct redirect URI for your Google OAuth2 provider
auth.redirectUri = ‘REDIRECT_URI’;

// API Gateway endpoint for your backend
auth.apiGatewayEndpoint = ‘API_GATEWAY_ENDPOINT’;

// CORS configuration for the API Gateway endpoint
auth.xhrFields = { withCredentials: true };

// adds the Cognito domain for the CORS whitelist
auth.allowedOrigins = [‘USER_POOL_DOMAIN’];

// adds a listener for the Google OAuth2 token exchange
$(window).on(‘message’, function (event) {
  if (event.original

相关内容

热门资讯

前端-session、jwt 目录:   (1)session (2&#x...
linux入门---制作进度条 了解缓冲区 我们首先来看看下面的操作: 我们首先创建了一个文件并在这个文件里面添加了...
关于测试,我发现了哪些新大陆 关于测试 平常也只是听说过一些关于测试的术语,但并没有使用过测试工具。偶然看到编程老师...
前缀和与对数器与二分法 1. 前缀和 假设有一个数组,我们想大量频繁的去访问L到R这个区间的和,...
nodejs:本地安装nvm实... 一、背景-使用不同版本node的原因 vue3+ts、nuxt3版本,node...
JAVA集合知识整理 Java集合知识整理 HashMap相关 HashMap的底层数据结构:jdk1.8之...
无刷直流电机介绍及单片机控制实... 无刷直流电机介绍及单片机控制实例前言基本概念优势与劣势使用寿命基本结构使用单片机控制实例电子调速器&...
fwdiary(2) dp2 1.传纸条  AcWing 275. 传纸条 - AcWing 走两条路,走一条最大的...
常用的DOS命令 常用的DOS命令 DOS(Disk Operating System,磁...
<C++> 类和对象(下) 1.const成员函数将const修饰的“成员函数”称之为const成员函数,cons...