【冷门教程】谷歌OAuth2.0开发的正确配置步骤

背景

要想调用谷歌APIs,必须经过谷歌OAuth2.0来验证和授权,但是因为国内网络大环境的影响,基于谷歌API开发产品的文章比较少,最近正好需要用到谷歌授权登录,于是记录分享一下使用谷歌OAuth2.0和APIs的前置操作。

步骤

  1. 首先,我们得注册成为谷歌开发者:https://console.cloud.google.com/
  2. 登录后,就可以开始新建一个应用了

01.png

  1. 填写项目信息

02.png

  1. 配置同意屏幕,同意屏幕就是请求用户授权的页面

03.png

  1. 选择“外部”

04.png

  1. 按提示逐步配置同意屏幕的信息

05.png

06.png

07.png

  1. 创建凭据 - 客户端ID,这里的信息都是我们开发过程中会用到的

08.png

  1. 填写客户端ID配置信息。

很多人在这一步配置错误,导致开发环境一直无法调试!注意看JavaScript来源的配置,我们需要同时配置localhost和localhost:port,port是我们开发环境的端口,这样配置了才能在开发环境调试API。

这个要点官方文档都没写清楚,github和stackoverflow上很多人问,算是一个很大的槽点。

09.png

  1. 创建了凭据后就可以看到客户端ID和密钥

10.png

结语

这篇只是开胃菜,因为网络大环境和谷歌文档的缺漏,网上能找到基于谷歌APIs开发的文章比较少,所以我想把自己摸索的经验总结分享一下,下一篇将分享谷歌OAuth2.0的开发流程。

第二篇发布了,欢迎阅读:接入谷歌OAuth2.0登录的实现和分析