ionic3 微信授权登录

首先，到微信开放平台申请appid，添加测试账号（QQ、微信、微博等第三方授权登录都需要到各个开放平台申请appid）微信开放平台：https://open.weixin.qq.com/
通过cordova添加微信插件

拿到appid之后，进入项目的目录下，运行命令

ionic cordova plugin add cordova-plugin-wechat –variable wechatappid=YOUR_WECHAT_APPID

YOUR_WECHAT_APPID就是你申请的appid，添加插件成功如下

微信需要在编译文件中声明变量，

declare let Wechat;

之后就可以使用Wechat.xxx()方法了

第三方登录代码：

weChatAuth() {
let loading = this.loadingCtrl.create({
content: “跳转微信登录中…”,//loading框显示的内容
dismissOnPageChange: true, // 是否在切换页面之后关闭loading框
showBackdrop: true //是否显示遮罩层
});
loading.present();
try {
let scope = “snsapi_userinfo”,
state = “_” + (+new Date());
Wechat.auth(scope, state, (response) => {
alert(JSON.stringify(response));
}, (reason) => {
alert(“Failed: ” + reason);
});
} catch (error) {
console.log(error);
} finally {
loading.dismiss();
}
}

其中的Wechat.auth()方法就是微信授权登录的核心代码，如果成功的话，就能在response中得到微信返回的code，也就是微信标识。建议将该方法封装，方便之后的调用，看起来也比较简洁

注入服务
由于ionic3使用的是懒加载模式，上面我是将登录方法封装成服务，如果在其他地方调用，记得注入服务，否则将会报错

调用方法为红框标记部分，wechatLogin()为你登录按钮的点击事件，现在，赶紧去真机测试看看吧

代码下载