前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Google如何申请客户端ID并调试代码?

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

原创
作者头像
PHP开发工程师
发布2022-04-06 15:18:21
2.3K0
发布2022-04-06 15:18:21
举报
文章被收录于专栏:thinkphp+vue
开发者平台配置

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

2.申请一个OAuth 2.0 客户端 ID,点击创建凭据选择图中标注的OAuth客户端ID

3.选择web应用

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

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

按照上面的步骤成功申请到客户端ID以后,就可以在代码中测试了,下面是代码实例
代码语言:javascript
复制
<template>

<view>

<button v-google-signin-button="ClientId">谷歌登录</button>

</view>

</template>
代码语言:javascript
复制
//用自定义指令方式实现

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 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 开发者平台配置
  • 按照上面的步骤成功申请到客户端ID以后,就可以在代码中测试了,下面是代码实例
  • 最后
相关产品与服务
访问管理
访问管理(Cloud Access Management,CAM)可以帮助您安全、便捷地管理对腾讯云服务和资源的访问。您可以使用CAM创建子用户、用户组和角色,并通过策略控制其访问范围。CAM支持用户和角色SSO能力,您可以根据具体管理场景针对性设置企业内用户和腾讯云的互通能力。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档