2024最新uniapp_微信小程序_微信授权登录（1）

一、先清楚一下小程序的登录流程

如上图：有小程序、开发者服务器(这个就是公司自己的服务器,这一块是后端和微信他们交互的)、微信接口服务（就是微信自己家的服务器）先清楚这几个概念上图应该好理解

二、前端需要用到的属性

1、uni.login

uni.login({
  provider: 'weixin', //使用微信登录
  success: function (loginRes) {
    console.log(loginRes.authResult);
  }
});

 

咋们这一步的作用就是获取到code,咋们拿到code之后后端会给你一个接口调取 openid,咋们主要就是拿到这个openid干后面的事

2.绑定个人信息

这一步是干什么的呢？

本来是拿到openid之后就可以干任何事，但是大多数项目里面都会用到绑定手机号码或者其他个人信息绑定，所以你跟后端商量一个变量看是否里面有值，然后看判断是否直接进入首页还是进入绑定页面。 

3.注意事项 

就是不用调起授权登录页，直接uni.login就行，但是你得手写一个登录页不然小程序审核不过去

三、代码 

				uni.login({
					provider: 'weixin', //使用微信登录
					success: async function(loginRes) {
						try {
							const res = await login({
								
							});
							if (res.Status) {
								if (res.Result.exp == "0") {
									uni.redirectTo({
										url: 
									})
								}
							}
						} catch (error) {
							console.error("Error during login:", error);
						}
					}
				});

如上uni.login获取code,掉后端接口，根据返回的值判断是否去绑定