当前位置: 首页 > Web前端 > vue.js

Twitter第三方登录api在Vue.js中的实现【亲测可用】

时间:2023-03-31 15:11:54 vue.js

国际化项目会用到一些第三方登录api,这次记录下Twitter!操作步骤:注册推特开发者账号需要申请,审核时间需要几天。但是,国内的手机注册几乎没有一个能通过审核。看你的运气咯!Demo请点击这里http://download.lllomh.com/cliect/#/product/J4162911904833241:开发者平台配置去Twitter的开发者平台创建一个新的App:https://developer.twitter.com/en/apps申请通过后,即可成功创建应用。下面设置:回调地址很重要,这个对应代码,还有https://auth-server.herokuapp。com/#signinproxy中的对应是唯一的方式,后面会讲到。同时记得打开登录开关:然后找到api秘钥相关的apikey:code:需要用到的是1个KEY,和回调地址url一样滚动到上图(返回地址要和上图中的开发者平台设置三处一致,开发??者平台,server.herokuapp代理平台,查看代码配置):APIkey:twitterApp:{twitter_api_key:'REm8aKjWsthmKXZoVIYXdNn1quy',//mytest:5000callbackUri:'http://localhost:5000/'},然后在代理地址中设置https://auth-server.herokuapp.com/#signin如图:grant_url:https://api.twitter.com/oauth/access_token二:代码部署安装:npminstallhellojs代码:三:结果:信息: