WordPress 接入谷歌 OAuth 注册登录教程

谷歌 OAuth 登录是社会化登录方式的其中一种，相比之下在大陆地区使用更多的是 QQ、微博和微信登录。

不过 QQ 微博微信登录都需要各类开发者认证以及大量的认证资料，博主在认证过程也是十分厌烦。其中微博开发这认证提示身份已经被其他帐号使用，无法继续操作。以前的开发帐号我也早忘了。

下面说下 WordPress 使用谷歌验证登录帐号的过程。

1. 安装插件 Google Apps Login

WordPress 后台市场有很多类似功能的插件，谷歌官方并没有发布任何关于谷歌登录的插件。目前都是第三方调用谷歌 API 来完成的功能。

Google Apps Login 插件免费版即可，功能完全够使用。

2. 设置谷歌官方 API 凭据和 OAuth 同意屏幕

在这个页面我们创建登录凭据和 OAuth 同意屏幕，“OAuth 同意屏幕”是访客使用谷歌登录时显示给访客的信息。

我这里因为之前创建过了，这里没法演示创建过程了，这里说下其中需要的信息。

另外 OAuth 同意屏幕审核是需要时间的！

同时你需要准备以下信息：

• 应用名称
• 用户支持电子邮件
• 应用徽标（可选）
• 应用网域（可选）
• 已获授权的网域
• 开发者联系信息

一些信息会显示给访客，在以下页面。

创建 OAuth 客户端 ID

创建这个 OAuth 客户端 ID 就是配置我们网站的一些接入参数了。

1.首先是选择应用类型。这里选 WEB

2.选择后会显示要求填入的信息

应用名称、已获授权的 JavaScript 来源和已获授权的重定向 URI

名称随便填，已获授权的 JavaScript 来源填写网站域名即可。

已获授权的重定向 URI 这里麻烦些，我们先跟上面一样填入网站域名。

然后点击创建，后面会显示出来应用 ID 和密钥。我们需要使用这个，不要关闭这个弹窗。

3. 在 Google Apps Login 插件填入 Client ID 和 Client Secret

将上面创建凭据后显示的客户端 ID 和密钥信息填入插件保存即可。

4. 修改重定向 URI

然后换个浏览器或者是按浏览器的 Ctrl+Shift+N 进入隐私模式。打开我们 WordPress 的注册页面。

点击谷歌登录的按钮，会进入授权页面，然后会提示错误

错误 400： redirect_uri_mismatch

您无法登录此应用，因为它不符合 Google 的 OAuth 2.0 政策的规定。

如果您是此应用的开发者，请在 Google Cloud Console 中注册重定向 URI。

我们点开请求详情，会看到一个 redirect_uri 地址。把这个地址复制下来，填入到上面我们留的坑“已获授权的重定向 URI”里面。

填入重定向 URL 然后保存即可。

有人会问为什么前面步骤不直接填入 https://域名/wp-login.php 这个地址？

因为有些主题继承的谷歌登录，他的重定向地址并不是/wp-login.php，比如 justnews 重定向的地址就是 social-login?type=google&action=callback

到这里我们的谷歌登录就已经配置完成了。有什么疑问可以在下方留言。

常见问题

1.上面步骤创建的 OAuth 同意屏幕 和 凭据（OAuth 客户端 ID ）是什么关系？

答： OAuth 同意屏幕 是你谷歌 API 登录中，全局的身份信息。你所有的网站调用谷歌 API 登录，都会显示 OAuth 同意屏幕 里面填入的信息。

凭据（OAuth 客户端 ID ）可以简单理解为，给不同网站创建的不同管理信息。在访客那里是接触不到凭据（OAuth 客户端 ID ）里面的信息的。

2. 使用谷歌登录会不会影响网站的加载（谷歌在大陆是无法访问的）？

使用谷歌登录不影响大陆用户的访问、注册等页面加载。谷歌登录请求的相关资源只会在授权页面加载。注册页面的登录按钮是你的主题或者插件提供的。