Vue.js中Google第三方登录api实现[亲测可用]

上一篇说了 facebook的实现,接下来说下google 的实现了,国际化的用的少.实际详细的文档也不多,这记录下来!

demo 地址请狠狠的戳这里  http://download.lllomh.com/cliect/#/product/J417101756893390

一:开发者平台配置

进入开发者平台 https://console.developers.google.com/apis/credentials?project=matest-247702

在凭据中创建app凭据:

Vue.js中Google第三方登录api实现[亲测可用]_第1张图片

设置 重定向地址等相关内容

Vue.js中Google第三方登录api实现[亲测可用]_第2张图片

动态演示:

Vue.js中Google第三方登录api实现[亲测可用]_第3张图片

我们需要的 是那个客户端 ID!

二:代码

核心代码:





记得 npm install  vue-google-signin-button-directive  && npm install  jsonwebtoken

结果如下:

比如这里 我的 url 是http://localhost:5000,那么开发者平台里面也要配置这个重定向地址=>Vue.js中Google第三方登录api实现[亲测可用]_第4张图片

Vue.js中Google第三方登录api实现[亲测可用]_第5张图片

你可能感兴趣的:(前端,javascript,vue.js,html5,chrome)