0 收藏 0 点赞 227 浏览 1937 个字

登录 Google Developers Console

首先,您需要登录您的 Google 帐户,然后访问 Google Developers Console

创建 Google Social Connect 社交登录教程

选择一个项目

登录并访问 Google Developers Console 后,单击“选择项目”菜单项。

创建 Google Social Connect 社交登录教程

创建项目

单击“选择项目”菜单项后,将出现一个弹出窗口。我们需要点击“新建项目”。

创建 Google Social Connect 社交登录教程

设置项目

单击“新建项目”后,我们需要为项目选择一个名称。完成设置项目后,单击“创建”。

创建 Google Social Connect 社交登录教程

Create Credentials

To use the Google API we need to Create Credentials. Click on “Credentials” to get started.

创建 Google Social Connect 社交登录教程

After clicking on “Credentials” we will need to create an OAtuh 2.0 client ID. Click on “OAuth consent screen”.

创建 Google Social Connect 社交登录教程

Create an OAuth 2.0 client ID

Step 1: Choose from the following options and then click on “Create”:

  • Internal – only available to users within your organization.
  • External – available to any user with a Google Account.

创建 Google Social Connect 社交登录教程

Step 2: After clicking on “Create” we will need to set the following options:

Page1: OAuth consent screen

  • Application name – The name of the app asking for consent
  • User support email – For users to contact you with questions about their consent
  • Application logo – Optional
  • Application Homepage page – Optional until you deploy your app
  • Application Privacy Policy link – Optional until you deploy your app
  • Application Terms of Service link – Optional
  • Authorized domains – Optional until you deploy your app
  • Email address – These email addresses are for Google to notify you about any changes to your project.

Click Save and Continue

创建 Google Social Connect 社交登录教程Page2: Scopes

  • Your non-sensitive scopes- you should add the following 3 scopes

Click Save and Continue

创建 Google Social Connect 社交登录教程

Page 3: Test Users

Click Save and Continue

创建 Google Social Connect 社交登录教程Page 4: Summary

Click Save and Continue

创建 Google Social Connect 社交登录教程

Step 3: Go to “ Credentials” → “Create credentials” → “OAuth client ID”

创建 Google Social Connect 社交登录教程

Step 4: Choose your Application type.

创建 Google Social Connect 社交登录教程

Step 5: We will need to set the following options:

• Name – add your own name
• Authorized JavaScript – add your website url – Example: http://www.yourdomain.com
• Authorized redirect URLs – add your website url – Example: http://www.yourdomain.com

After you finish click on “Create”.

创建 Google Social Connect 社交登录教程

Client ID Credentials

After clicking on “Create” you will be prompted with your Client ID Credentials. You will need to copy the Client ID and click on “Done”. You will also need to copy the name of your OAuth 2.0 client.

创建 Google Social Connect 社交登录教程

粘贴 Google 客户端 ID

复制 Google 客户端 ID 后,转到您的网站 -> 仪表板 -> 配置文件生成器 -> Social Connect -> 启用 Google 登录并粘贴您的客户端 ID 和 OAuth 2.0 客户端的名称。滚动到底部以保存。

创建 Google Social Connect 社交登录教程

前端的 Google 登录

Social Login with Google应该在WordPress默认和配置文件生成器表单上可用。

创建 Google Social Connect 社交登录教程

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.mizhanw.com/blog/4588.html

相关推荐
宝塔重启服务器后 mysqld 服务启动失败解决办法
今天安装系统测试,安装完后重启了服务器,MYSQL一直在停止状态,不管怎么重启都没反应,网上看了一堆信息解决方案很多还是没解决,没针对性哪里…
日期:2024-05-03 点赞:0 阅读:97
建独立站,Shopify和Wordpress如何选?哪个好 ☘️很多小伙伴在创建独立站时,总是纠结应该如何选择Shopify来建站还是Wor…
日期:2024-03-30 点赞:0 阅读:182
创建 Google Social Connect 社交登录教程
登录 Google Developers Console 首先,您需要登录您的 Google 帐户,然后访问 Google Develope…
日期:2024-02-19 点赞:0 阅读:227
创建 FACEBOOK社交登录教程
登录 Facebook for Developers 首先,您需要转到 Facebook for Developers 并登录您的 Face…
日期:2024-02-19 点赞:0 阅读:229
WordPress数据库查找替换插件 – Better Search Replace
Better Search Replace 是一款WordPress数据库可视化搜索和替换插件。当我们的网站需要更换域名,或者需要一次性批量…
日期:2023-08-26 点赞:0 阅读:259
将 WordPress 多媒体内容存储到腾讯云COS
当我们的WordPress网站使用的服务器配置及宽带不高的时候,我们可以将网站图片存储到阿里云的oss或者腾讯云的cos,这样可以减少服务器…
日期:2023-07-22 点赞:0 阅读:554
发表评论
暂无评论

还没有评论呢,快来抢沙发~