共计 808 个字符，预计需要花费 3 分钟才能阅读完成。
开发者平台配置
1. 首先进入开发者平台，而后返回 Google API 控制台抉择或者创立一个我的项目 谷歌开发者平台
2. 申请一个 OAuth 2.0 客户端 ID，点击创立凭据抉择图中标注的 OAuth 客户端 ID
3. 抉择 web 利用
4. 依照要求填写你我的项目的类型、名称以及起源 url
5. 填写完保留应该就创立胜利了, 标注的哪个客户端 ID 就是咱们在登陆须要的
依照下面的步骤胜利申请到客户端 ID 当前，就能够在代码中测试了，上面是代码实例
<template>
<view>
<button v-google-signin-button="ClientId"> 谷歌登录 </button>
</view>
</template>// 用自定义指令形式实现
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
正文完
