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

谷歌OAuth登录是接教程社会化登录方式的其中一种,相比之下在大大地方使用更多的入谷是QQ、微博和微信登录。注册

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

源码库下面会谈下WordPress使用谷歌验证登录帐号的接教程过程 。

1. 安装插件Google Apps Login

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

Google Apps Login 插件免费版即可 ,接教程功能完全够使用。入谷

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

2. 设置谷歌官方API凭据和OAuth 拥穿着屏幕

网址 :https://console.cloud.google.com/apis/credentials/consent

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

2.1 创建OAuth 拥穿着屏幕

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

另外OAuth 拥穿着屏幕审核是需要时间的!

同时你需要筹备以下信息:

  • 应用名称
  • 用户拥穿着电子邮件
  • 应用徽标(可选)
  • 应用网域(可选)
  • 已获授权的网域
  • 开发者联系信息

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

2.2 创建登录凭据(OAuth 客户端 ID )

创建 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. 使用谷歌登录会不会影响网站的加载(谷歌在大陆是无法访问的) ?

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

内容校验完了
渝ICP备2025076537号-22