vue+cordova 实现第三方登录（ QQ 微信 微博）之微博登录

概要
1、首先先到各个开放平台申请开发者账号

先申请，审核通过还需要一定时间

• 微信开放平台 https://open.weixin.qq.com/
• 腾讯开放平台 http://open.qq.com/
• 新浪微博开放平台 http://open.weibo.com/

2、添加对应的cordova插件

• QQ：https://github.com/iVanPan/Cordova_QQ.git
• 微信：https://github.com/xu-li/cordova-plugin-wechat
• 微博：https://github.com/iVanPan/cordova_weibo.git

这里啰嗦一下，在微博开放平台申请应用的时候，申请了3次才通过/(ㄒoㄒ)/~~
上传这个应用介绍图片的时候要注意，一定要传有微博图标的图

微博登录以Android为例

在微博开放平台申请添加应用的时候，填完基本信息之后，还需要填写开发信息（包名和签名）

1、填写正确包名

这里填写的包名需要和项目的包名一致，config.xml的id值就是项目的包名

2、填写正确的签名

如果获得签名请看上一篇文章，我在开发微信登录的时候已经获取过签名了。
签名直接填上就行，所以这里不赘述了

3、填写OAuth授权设置

这里比微信的多一步，填完基本信息之后，还需要填写高级信息
cordova_weibo插件的说明文档这里也写了，我这里测试demo,直接用默认的了

4、开发微博登录

直接按照GitHub文档开发即可:https://github.com/iVanPan/cordova_weibo.git

文档十分详细

我是写了一个测试demo, 直接在页面上放了3个按钮

    <button @click="handleQQ">qq登录button>
    <button @click="handleWechat">微信登录button>
    <button @click="handleWeibo">微博登录button>

    handleWeibo(){
     WeiboSDK.ssoLogin(function (args) {
        alert('access token is ' + args.access_token);
        alert('userId is ' + args.userId);
        alert('expires_time is ' + new Date(parseInt(args.expires_time)) + ' TimeStamp is ' + args.expires_time);
      }, function (failReason) {
        alert(failReason);
      });
    },

在vue里面直接按照GitHub文档说明填写即可，直接调用WeiboSDK，因为前面我们已经在vue集成了cordova