uniapp实现APP微信登录流程
  ttOzQgS7km1w 2023年12月12日 30 0


1、注册微信开放平台

1、注册账号

https://open.weixin.qq.com/

2、企业认证 (微信登录必须认证)

uniapp实现APP微信登录流程_android

3、创建应用填写信息

uniapp实现APP微信登录流程_ios_02

 

4、等待审核

 

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

uniapp实现APP微信登录流程_android_03

 

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

 

uniapp实现APP微信登录流程_android_04

uniapp实现APP微信登录流程_ios_05

3、登录界面代码实现

写一个登录按钮

<button  class="confirm-btn" @click="weixinLo">微信登录</button>

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

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'
									});
								}
							});
					}
				});
			},

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年12月12日 0

暂无评论

推荐阅读
  2Vtxr3XfwhHq   2024年05月17日   53   0   0 Java
  Tnh5bgG19sRf   2024年05月20日   109   0   0 Java
  8s1LUHPryisj   2024年05月17日   46   0   0 Java
  aRSRdgycpgWt   2024年05月17日   47   0   0 Java
ttOzQgS7km1w