cordova 实现第三方登录及分享,qq,微信,微博

1、准备工作,分别到各个开放平台申请appid,添加测试账号
QQ:腾讯开放平台 http://open.qq.com/
微信:微信开放平台 https://open.weixin.qq.com/
微博:新浪微博开放平台 http://open.weibo.com/

2、通过cordova添加插件(注意把YOUR_QQ_APPID替换成第一步申请的QQ APPID)

QQ:

cordova plugin add https://github.com/iVanPan/Cordova_QQ.git --variable QQ_APP_ID=YOUR_QQ_APPID

微信:

cordova plugin add https://github.com/xu-li/cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID

微博:

cordova plugin add https://github.com/iVanPan/cordova_weibo.git --variable WEIBO_APP_ID=YOUR_WEIBO_APPID

3、插件的进一步设置
//YOUR_REDIRECT_URL替换为你在开放平台上设置的redirecturi,value值为APPID

<preference name="REDIRECTURI" value="YOUR_REDIRECT_URL" />

4、检查设备是否安装APP代码

//qq
YCQQ.checkClientInstalled(function(){
    QQINSTALLED=true;
},function(){
    // if installed QQ Client version is not supported sso,also will get this error
    QQINSTALLED=false;
});

//微信
Wechat.isInstalled(function (installed) {
    WEIXININSTALL=installed;
});

//微博
YCWeibo.checkClientInstalled(function(){
    WEIBOINSTALL=true;
},function(){
    WEIBOINSTALL=false;
});

5、第三方登录代码

//QQ登录
var checkClientIsInstalled = 1;//default is 0,only for iOS
YCQQ.ssoLogin(function(args){
      alert(args.access_token);
      alert(args.userid);
      },function(failReason){
       console.log(failReason);
},checkClientIsInstalled);

//微信登录
var scope = "snsapi_userinfo";
Wechat.auth(scope, function (response) {
    // you may use response.code to get the access token.
    alert(JSON.stringify(response));
}, function (reason) {
    alert("Failed: " + reason);
});

//微博登录
YCWeibo.ssoLogin(function(args){
         alert(args.access_token);
         alert(args.userid);
      },function(failReason){
         console.log(failReason);
});

PS:注意确认证书是否正确,APPID是否正确

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值