web端接入Twitter账号登陆日记

Question

如题所述

Answer 1

1、先到Twitter开发者平台注册自己的应用；注册成功会得到appkey和API Secret。(在https://apps.twitter.com/上注册自己的app/web)

2、在 https://auth-server.herokuapp.com/ 登录自己的Twitter账号；

然后新建一个项目把在Twitter开发者平台注册得到的appkey和API Secret设置到这个项目中，注意一个appkey和API Secret只能设置一个域名，reference描述(举个例子如你的项目叫百度，那就写个百度)，domain就是项目域名(主域名)；grant_url可不填，我是填了的(https://api.twitter.com/oauth/access_token)。(最近不少博友问点击的时候Twitter登录框闪退。如果没在这个网址注册你的项目的话会有点击Twitter闪退的现象，请务必配置)

3、在页面引入Twitter所需的js。其中要特别注意的是要引入 http://adodson.com/hello.js/dist/hello.all.js  (这个是重点！！！)

4、在页面上声明一个Twitter登录的button并监听登录事件。

5、初始化Twitter登录并定义twitterLogin登录方法。

hello.init({

           'twitter': appkey

},{

redirect_uri:'', //代理后的重定向路径，可不填

},

{   

oauth_proxy: 'https://auth-server.herokuapp.com/proxy' 

});