谷歌登录按钮

Google sign-in button

本文关键字：按钮 登录 谷歌      更新时间：2023-09-26

研究：https://developers.google.com/+/web/签名/添加按钮

我没能正确使用这个。我已经多次出现在屏幕上，屏幕会显示我登录的电子邮件。当按下一个时，它显示一个错误。这是我的代码：

http://codepen.io/Xavier-Bennett/pen/azQGBx

codepen for google button

原点不匹配通常是由于在API项目控制台中未正确设置Javascript原点造成的。您需要确保Javascript的来源与您的请求来自的域以及登录后返回用户的域相匹配。

更多详细信息可以在开发人员文档的"创建客户端ID和客户端机密"部分找到。

注意：这里的一个常见错误是为http://而不是https://添加javascript源代码（反之亦然）。如果你想允许用户从两者访问你的网站，那么你需要在javascript控制台中列出两者。

注意：当用户访问您的网站时，如果url中出现端口号，则必须在javascript源中包含服务器的端口号。

需要在谷歌控制台api中将javascript原点设置为

    origin=https://example.com
    scope=https://www.googleapis.com/auth/plus.login
    response_type=code token id_token gsession
    access_type=online
    redirect_uri=postmessage
    cookie_policy=single_host_origin
    proxy=oauth2relay554026710
    origin=http://example.com
    state=1995523240|0.4607792083184853
    display=page
    client_id=102180630313.apps.googleusercontent.com
    authuser=0
相关文章：