Google如何申请客户端ID并调试代码?

开发者平台配置
1.首先进入开发者平台,然后前往Google API 控制台选择或者创建一个项目 谷歌开发者平台

Google如何申请客户端ID并调试代码?_第1张图片
Google如何申请客户端ID并调试代码?_第2张图片
2.申请一个OAuth 2.0 客户端 ID,点击创建凭据选择图中标注的OAuth客户端ID

Google如何申请客户端ID并调试代码?_第3张图片

3.选择web应用

Google如何申请客户端ID并调试代码?_第4张图片

4.按照要求填写你项目的类型、名称以及来源url

Google如何申请客户端ID并调试代码?_第5张图片

5.填写完保存应该就创建成功了,标注的哪个客户端ID就是我们在登陆需要的

Google如何申请客户端ID并调试代码?_第6张图片

按照上面的步骤成功申请到客户端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....

PHP学习手册:https://doc.crmeb.com
技术交流论坛:https://q.crmeb.com

你可能感兴趣的:(google)