微信公众号授权登录

1.首先需要关注公司的公众号,获取权限。

2.调用后台接口,后台回调一个地址给前端,该地址会携带token信息。

返回类似这样路径给前端:http://localhost:8080/xx-uniapp/#/pages/handle?unionid=o0xVyy_s6EQWrDA7mTtIm8zoVdqU&accessToken=0a698cff-6eeb-44fb-9785-3e3af4d3ecde

微信公众号授权登录

微信公众号授权登录

 

3.在该页面的mounted函数中,去获取对应的参数。

微信公众号授权登录

4.通过token有无去做登录校验。

if(this.token){
                        request.post(this.Url.xx.getUserInfoByToken + '?accessToken=' + this.token).then((res) => {
                            
                                            if (res.code === 2000) {
                                                if(res.data.accessToken){
                                                    uni.setStorageSync('token', this.token)
                                                
                                                    
                                                    uni.showToast({
                                                        icon: 'none',
                                                        title: '登录成功',
                                                        duration: 1000
                                                    });
                                                    setTimeout(function() {
                                                        uni.switchTab({
                                                            url:'/xx/office/view/list'
                                                        })
                                                    }, 500)
                                                }else {
                                                    uni.switchTab({
                                                        url:'/xx/office/view/list'
                                                    })
                                                }
                                                
                                                    
                                                }
                                                
                                                })
                                            
                    }else{
                        uni.navigateTo({
                            url:"/xx/login_next?unionid="+this.unionid
                        })
                        
                    }    

5.在uniapp中发行h5版本

 

微信公众号授权登录

在高级中同样需要设置:

微信公众号授权登录