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

背景

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

步骤

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

3. 填写项目信息

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

5. 选择“外部”

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

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

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

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

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

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

结语

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

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