微信登录授权方法

 

微信公众号授权登录方法

01.先请求后台接口获取回调链接地址，使用window.location.href进行跳转。

 1　　// 授权登录
 2　　login() {
 3　　　　uni.request({
 4　　　　　　url: '后台给的接口地址',
 5　　　　　　method: 'post',
 6　　　　　　　　data: {}
 7　　　　}).then(res => {
 8　　　　　　window.location.href = res.data.data;
 9　　　　})
10　　},

 

02.在onLoad()方法中接收参数对code进行赋值，然后通过getUserInfo()方法获取用户信息。

1　　onLoad(option) {
2　　　　console.log('授权登录页面的option', option)
3 　    this.code = option.code
4 　    if (this.code) {
5　　　　　　this.getUserInfo()
6 　    } else {
7　　　　　　this.login()
8　　　　}
9　　},

 1　　// 获取用户信息
 2　　getUserInfo() {
 3　　　　var that = this;
 4　　　　uni.request({
 5　　　　　　url: '获取用户信息接口',
 6　　　　　　method: 'post',
 7　　　　　　data: {
 8　　　　　　　　code: that.code,
 9　　　　　　　　openid: uni.getStorageSync('openId') || "",
10　　　　　　　　userId: uni.getStorageSync('parentId') || '',
11　　　　　　}
12　　　　}).then(res => {
13　　　　　　if (res.data.code == 200) {
14　　　　　　　　console.log("获取用户信息");
15　　　　　　　　uni.setStorageSync('userInfo', res.data.data)
16　　　　　　　　uni.setStorageSync('openId', res.data.data.wechatOpenId)
17　　　　　　　　that.getToken(res.data.data.id);
18　　　　　　}
19　　　　})
20　　},

 

03.最后调用getToken()方法，获取token。

 1 　　// 获取Token
 2 　　getToken(userId) {
 3 　　　　var that = this;
 4 　　　　uni.request({
 5 　　　　　　url: '获取token接口',
 6 　　　　　　method: 'POST',
 7 　　　　　　data: {
 8 　　　　　　　　id: userId
 9 　　　　　　}
10 　　　　}).then(res => {
11 　　　　　　if (res.data.code == 200) {
12 　　　　　　　　uni.setStorageSync('token', res.data.data)
13 　　　　　　　　//获取到token之后就可以跳转到项目首页了
14 　　　　　　}
15 　　　　})
16 　　},

 前端小白刚开通博客，如若有好的修改建议欢迎大家评论留言交流。