uniapp实现APP微信登录流程

一时失言乱红尘 2022-12-29 14:26 365阅读 0赞

### 1、注册微信开放平台 ###

# #

1、注册账号

[https://open.weixin.qq.com/][https_open.weixin.qq.com]

# #

2、企业认证 （微信登录必须认证）

![c3ed3ac0c9fc366dc3afb41dfee2f7b5.png][]

# #

3、创建应用填写信息

![b9587f4e51345f24b3b972295aa8e7e0.png][]

# #

4、等待审核

## ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70][] ##

5、获取appid和秘钥（开通APP支付绑定商户即可）

![9b8b3ac98a371999913eeda84b04a206.png][]

# #

### **2、用户端代码中进入manifest.json设置** ###

![263adf2ee0e3de2712b0435e70cdb8a9.png][]

![77b1d356c630c78d7448aeaf021c4ad0.png][]

### 3、登录界面代码实现 ###

写一个登录按钮

实现点击登录方法代码以及说明

weixinLo() {
    				let that = this;
    				uni.login({
    					provider: 'weixin',
    					success: function(loginRes) {
    						that.$queue.showLoading('正在登录中...');
    						console.error(loginRes.authResult);
    //获取登录的token
    that.$queue.setData('weixinToken',loginRes.authResult.access_token);
    //获取登录的unionid 这个还是在开放平台做了 公众号 小程序 微信登录app关联才会有
    						that.$queue.setData('unionid', loginRes.authResult.unionid);
    //获取openid
    						that.$queue.setData('weixinOpenid', loginRes.authResult.openid);
    //这里吧数据全部提交给后台核验，有没有注册 注册了 后台代码会请求接口String s = HttpClient.doGet("https://api.weixin.qq.com/sns/userinfo?access_token=" + loginInfo.getToken() + "&openid=" + loginInfo.getOpenid()); 获取头像和昵称
    						that.$Request
    							.postJson('/user/loginApp', {
    								token: loginRes.authResult.access_token,
    								unionid: loginRes.authResult.unionid,
    								openid: loginRes.authResult.openid
    							})
    							.then(res => {
    								if (res.status === 0) {
    
    									//绑定手机号直接登录
    									that.getUserInfo(res.data.userId, res.data.uuid);
    								} else {
    									//没有绑定手机号让绑定手机号
    									uni.navigateTo({
    										url: '/pages/public/wxmobile'
    									});
    								}
    							});
    					}
    				});
    			},

[https_open.weixin.qq.com]: https://open.weixin.qq.com/
[c3ed3ac0c9fc366dc3afb41dfee2f7b5.png]: /images/20221120/eed52e0ac6fa4a8d8b7f73aa6bdff0b9.png
[b9587f4e51345f24b3b972295aa8e7e0.png]: /images/20221120/49cc3b169afd403baadd426b639fdbc8.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zOTcwNjQxNQ_size_16_color_FFFFFF_t_70]: /images/20221120/76ce36ba0b3345eaba52eae81bc8ec17.png
[9b8b3ac98a371999913eeda84b04a206.png]: /images/20221120/f2af99fa99b24901b76b27db6b7ca13c.png
[263adf2ee0e3de2712b0435e70cdb8a9.png]: /images/20221120/bf0e480b94f8430f92e33db3f07f4895.png
[77b1d356c630c78d7448aeaf021c4ad0.png]: /images/20221120/a9115aebf599486bae9b408f3f89d747.png