hellojs使用推特登录/api nuxt vue

网页项目需要接入推特登录，发现网上教程文章跟都是一个人写的似的，都是重复的文章，多看了下官方文档，记录下过程
官方文档：http://adodson.com/hello.js/ hellojs官方链接

hellojs是针对推特谷歌脸书等都集成了一套sdk，使用OAuth2(1)Web 服务进行验证，在需要的官方平台申请好需要的东西就可直接调用其方法进行登录，也可以直接点击图标登录尝试

OAuth代理地址为：https://auth-server.herokuapp.com/#signin OAuth代理链接

申请推特开发者账号过程就不在说了(公司申请好的…)

1.配置推特开发者

在网站推特开发者账号申请出production，Consumer Keys 就是我们要用到的

拿到这两个参数后，还需要setting中配置User authentication settings

点击编辑进入后，将需要开启的Oauth1打开

最主要的是回调地址，本地地址都可以，其他的必须写的可以写上

推特开发者网站的配置就可以了，接下来就是代理服务了

2. OAuth服务代理配置

登录推特申请的开发者账号，在Manage apps新建

最主要的是，推特写的地址跟domain地址必须一样，/也要一样

3. 代码

最后就是本地代码了，忙完这些就快了

首先npm安装hellojs，我用nuxt框架，直接导入hellojs会提示没有window对象，所以使用require的导入方式，在需要时加载，import方式编译时就加载太快了，导入要找对路径，在node_modules文件夹中查看好路径，代码:

mounted() {this.$nextTick(()=>{this.onInitTwi()})
},
methods(){onInitTwi(){this.hello = require('@/node_modules/hellojs/dist/hello.all.js');this.hello.init({twitter: 'twitter api key'},{redirect_uri: '/'});}
}

在初始化推特时，twitter值为OAuth的client id，也是推特api key，注意redirect_uri为设置login方式是弹窗式还是page式，page式时会自动打开你设置的redirect_uri地址进行loading等待，弹出式则不用配置

初始化完成后点击自己设置的登录事件时

onTwiLog() {this.hello('twitter').login({ force: true }).then(function(res) {console.log(res, '登录成功');},function(err) {console.log(err, '登录失败');});this.hello.on('auth.login', result => {this.hello(result.network).api('/me').then(function(p) {console.log(result, 'result'); //输出用户信息});});
},

就这么简单，login的参数说一下，如果需要就跟代码中force一样对象的写法

display: 登录推特的弹出方式，当前页面还是窗口；
redirect_uri:登录成功返回的页面,弹出时返回的页面
force:登录是否需要重输密码，还是自动登录，还是一小时内自动
popup:打开窗口的配置

4.其他api

1.退出登录

this.hello('twitter').logout().then(function() {console.log('退出登录成功');},function(e) {console.log(e, '退出登录失败');}
);

2.发帖

let data = {message: 'message111',
link: 'https://baidu.com',
};
this.hello('twitter').api('me/share','post',data).then(function(res){console.log(res,'分享成功')
},function(e) {console.log(e,'分享失败')
})

主要是格式，记住这种格式，其他的方法跟这个类似，可以自己试验下

ok，先这样，等有时间将我调试过程中的错误拿出来