Html 使用Google进行身份验证,无需重定向而不是弹出窗口

Html 使用Google进行身份验证,无需重定向而不是弹出窗口,html,authentication,google-login,Html,Authentication,Google Login,我创建了一个谷歌登录按钮: 谷歌认证演示 函数签出(){ gapi.auth2.getAuthInstance().signOut().then(函数(){ console.log('user signed out') })}; 函数onSignIn(谷歌用户){ log(googleUser.getBasicProfile()); } 欢迎来到演示 退出 我将参数从弹出窗口更改为data-ux\u mode=“redirect”。如何配置域Authorized redirect uri或

我创建了一个谷歌登录按钮:


谷歌认证演示
函数签出(){
gapi.auth2.getAuthInstance().signOut().then(函数(){
console.log('user signed out')
})};
函数onSignIn(谷歌用户){
log(googleUser.getBasicProfile());
} 
欢迎来到演示
退出
我将参数从弹出窗口更改为
data-ux\u mode=“redirect”
。如何配置域
Authorized redirect uri
或更改上应用程序的某些内容,以便在本地主机上使用


我在这里发现了一个密切相关的问题:。因此,它可以在不打开弹出窗口的情况下实现代码授权按钮Google sample?

您需要添加授权域,并使用此URL将URI重定向到您的客户端ID或API密钥

{YOUR-GOOGLE-CLOUD-PROJECT-NAME}

基本上,在GCP控制台的左侧导航栏上,转到API和服务。在那里查找您在项目中使用的oAuth2.0客户端ID。单击它之后,就有了一个配置授权重定向URI和授权JavaScript源的界面

编辑:在经历链接的github问题(顺便说一句,它仍然是开放的)之后,不可能使用重定向UX将令牌获取到本地计算机。他们计划在将来支持它,但目前只使用弹出式方法

Hi@Jeevsxp,无法获取授权码 没有弹出窗口。这是一个安全限制:脱机代码将 允许您在服务器中获取刷新令牌,该令牌为您提供 可以随时获得新的访问令牌。为此,, 用户需要明确的同意


另外,作为澄清,谷歌登录页面将自动重定向到调用它的页面。也就是说,当您从localhost:3000调用google登录页面时,您将在验证后从google登录页面重定向到localhost:3000。但谷歌不会在默认情况下对所有URL执行此操作。它将检查请求来源的URL(本例中为localhost:3000)是否存在于授权的javascript源中。如果不是,它甚至不会接受这个请求。^^是的,兄弟,我已经找到了更多的方法来实现它。在我的问题输入链接中关闭的问题。我也认为没有打开弹出窗口就无法配置。让我们等待他们的到来。