开发者平台配置
1.首先进入开发者平台,然后前往Google API 控制台选择或者创建一个项目 谷歌开发者平台
文章图片
文章图片
2.申请一个OAuth 2.0 客户端 ID,点击创建凭据选择图中标注的OAuth客户端ID
文章图片
3.选择web应用
文章图片
4.按照要求填写你项目的类型、名称以及来源url
文章图片
5.填写完保存应该就创建成功了,标注的哪个客户端ID就是我们在登陆需要的
文章图片
按照上面的步骤成功申请到客户端ID以后,就可以在代码中测试了,下面是代码实例
//用自定义指令方式实现import GoogleSignInButton from '@/plugin/googleSign.js'export default {data(){return {ClientId:'' //刚才申请的客户端ID}},directives: {GoogleSignInButton},methods:{OnGoogleAuthSuccess(idToken){cosnole.log(idToken);
//成功打印出来idToken就可以传给后端解析了},OnGoogleAuthFail(error) {console.log(error)},}}
最后
如果你觉得此文对你有一丁点帮助,点个赞。或者可以加入我的开发交流群:1025263163相互学习,我们会有专业的技术答疑解惑
如果你觉得这篇文章对你有点用的话,麻烦请给我们的开源项目点点star:http://github.crmeb.net/u/defu不胜感激 !
完整源码下载地址:https://market.cloud.tencent....
【Google如何申请客户端ID并调试代码()】PHP学习手册:https://doc.crmeb.com
技术交流论坛:https://q.crmeb.com
推荐阅读
- 高效办公合集|国外除了Google还有什么搜索引擎?
- 搜索引擎|你真的会用搜索引擎么()
- python|使用OpenCV和MediaPipe实现基于深度学习的人体姿态估计
- google|苹果和 Google 死磕专利(下一个目标 InterDigital)
- 图像处理与机器视觉|LM算法
- 历史上的今天|【历史上的今天】1 月 8 日(谷歌推出 Google Pay;Quibi 的重生;平衡二叉树的发明者出生)
- 历史上的今天|【历史上的今天】3 月 26 日(谷歌创始人诞生;AMD 创始人出生;第一届世界 Altair 计算机大会)
- 工具类|github加速插件
- 历史上的今天|【历史上的今天】3 月 19 日(图灵奖人工智能先驱诞生;微软发布 IE8;Android Auto 上线)