• 首页
  • VPS服务器
    • 所有测评文章
    • VPS活动
    • VPS测试
    • CloudCone VPS
    • 搬瓦工VPS
    • 大硬盘VPS
  • 教程大全
    • 所有教程文章
    • 火车头采集器教程
    • 宝塔面板教程
    • 菜鸟建站-网站搭建
    • 菜鸟建站-Elementor教程
    • Avada主题详细教程
    • WordPress速度优化
  • 资源分享
    • 所有资源文章
    • WooCommerce 插件合集
    • YITH WooCommerce插件合集
  • 游戏活动
  • 其他活动
  • 杂文
  • 
  • 

    Menu

  • 

    Sidebar

  • 

    Prev

  • 

    Next

  • 

    Search

  • OneDrive
  • 下载服务器
  • 常用脚本
  •   RSS 
  •   Feedly 

柴郡猫

  1. Home>
  2. 教程大全

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

2022年8月22日教程大全Google Apps Login,wordpress,WordPress谷歌登陆插件,WordPress集成谷歌,谷歌注册,谷歌登录

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

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

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

本文目录
  • 1. 1. 安装插件Google Apps Login
  • 2. 2. 设置谷歌官方API凭据和OAuth 同意屏幕
    • 2.1. 2.1 创建OAuth 同意屏幕
    • 2.2. 2.2 创建登录凭据(OAuth 客户端 ID )
  • 3. 3. 在Google Apps Login插件填入Client ID和Client Secret
  • 4. 4. 修改重定向 URI
  • 5. 常见问题

1. 安装插件Google Apps Login

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

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

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

 

2022年8月22日

Posted by 柴郡猫


如果你喜欢请分享它!

  • Pocket
  • LINE
  • LINE
  • RSS
  • Feedly
WordPress开源免费图片本地化插件--nicen-localize-image
Next
联通#腾讯大王卡,19元月租每月100G全国流量,本地归属地,可长期用!
Prev

Related Posts

No Image

wordpress添加导航栏二级菜单

话不多说,直接正题。 首先进去后台。 将新建的页面选择上,并且点击添加到菜单。 ...

Thumbnail of related posts 180

WordPress评论移除网址表单

将下面代码放入主题 functions.php 文件中即可。 // 移除网址表单 ...

Thumbnail of related posts 041

WordPress优化–PHP性能参数调整

教程总目录:WordPress速度优化菜鸟实用版 本文PHP都是一些基础设置,同 ...

Thumbnail of related posts 197

HiStudy–在线教育主题破解版 v3.0.7 下载

HiStudy是一款WordPress的在线教育主题程序。 HiStudy专为学 ...

Thumbnail of related posts 153

WordPress优化–服务器地理位置区域的选择

教程总目录:WordPress速度优化菜鸟实用版 服务器位置的选择关系到我们对于 ...

Discussion

New Comments

暂无评论。 成为第一个!

Leave a Reply 取消回复

您的邮箱地址不会被公开。必填项已用 * 标注

Captcha *

CAPTCHA Image

柴郡猫 QQ群:708815363

TG:web3精英群

  • RSS
  • Feedly

微信扫码办理香港虚拟手机号

近期话题

  • 2025-4-11领游戏:《热血少女》《酷玩乱斗》《遗忘国度之闲置冠军》
    1月、 3周前
  • 2025-3-29领游戏
    2月、 1周前
  • EPIC领游戏:侏罗纪世界:进化 2
    2月、 2周前
  • 2025-2-22领游戏
    3月、 2周前
  • 2025-2-17领游戏
    3月、 2周前

广告

 







最新的评论

柴郡猫31 5 月, 2025柴郡猫
抱歉没有找到。
HiStudy–在线教育主题破解版 v3....
bz30 5 月, 2025bz
https://www.fredericgilles.net/fg-magento-to-woocommerce/
HiStudy–在线教育主题破解版 v3....
柴郡猫30 5 月, 2025柴郡猫
发插件官网
HiStudy–在线教育主题破解版 v3....
柴郡猫30 5 月, 2025柴郡猫
忘记上传了,你直接使用2.19.1的新版本吧。
WordPress插件–Elementor页面模...
柴郡猫30 5 月, 2025柴郡猫
没有
HiStudy–在线教育主题破解版 v3....
hei29 5 月, 2025hei
怎么没有pro版本
WordPress插件–Elementor页面模...
AiGuo29 5 月, 2025AiGuo
https://pixelcave.com/products/codebase这个
HiStudy–在线教育主题破解版 v3....
bz29 5 月, 2025bz
求FG Magento to WooCommerce的高级版本
HiStudy–在线教育主题破解版 v3....

最新文章

Thumbnail of new posts 150

给宝塔面板的nginx反向代理加上节点缓存

新做的一个炒币相关的网站,开始使用cloudflare群友反应访问速度比较慢。就 ...
Thumbnail of new posts 106

Google One会员薅羊毛Gemini Advanced AI免费领

Gemini Advanced AI活动的BUG,点击就可以领取到Google ...
Thumbnail of new posts 076

LOL英雄联盟-年中狂欢乱斗之夜送皮肤 无限火力开启

LOL英雄联盟-年中狂欢乱斗之夜送皮肤 乱斗之夜开启!登录、开局,即可领1款皮肤 ...
Thumbnail of new posts 068

自建反向代理给Gravatar头像加速

今天收到反馈网站的Gravatar头像不显示了,之前我用的是cravatar点c ...
Thumbnail of new posts 072

NetCup复活节促销AMD4核8G内存512G NVMe盘8.24欧元月

NetCup的服务器性能一直不错,硬盘给的也比较高,这次促销的配置最低是4核8G ...
  • 服务条款
  • 隐私政策
  • 关于
  • 网站公告
  • 友情链接

Copyright © 2017-2025 柴郡猫 All Rights Reserved.


豫ICP备17009392号-1 豫公网安备41010502006031

WordPress Luxeritas Theme is provided by "Thought is free".

  • 
    Home
  • 
    Menu
  • 
    Page Top
