1.首先进入开发者平台,然后前往Google API 控制台选择或者创建一个项目 谷歌开发者平台
2.申请一个OAuth 2.0 客户端 ID,点击创建凭据选择图中标注的OAuth客户端ID
3.选择web应用
4.按照要求填写你项目的类型、名称以及来源url
5.填写完保存应该就创建成功了,标注的哪个客户端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.com/products/33396
PHP学习手册:https://doc.crmeb.com 技术交流论坛:https://q.crmeb.com
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系 cloudcommunity@tencent.com 删除。