微信小程序登录详细流程介绍

第一步，获取code

如果小程序有登录页面，这一步可以放在onload里面获取，获取后保存使用，避免造成和后面获取信息的冲突

// 使用wx.login()方法获取code
wx.login({
  success (res) {
    const code = res.code;
    console.log(code);
  }
})

第二步，获取用户个人信息，这一步需要绑定按钮点击事件才能获取

通过以下方法，获取到加密数据encryptedData，iv。

// 如果有企业appid，可以按钮设置打开方式getPhoneNumber获取用户电话信息
<button open-type="getPhoneNumber" bindgetphonenumber="handleWeChatLogin">微信一键登录</button>
handleWeChatLogin(e) {
	const {encryptedData, iv} = e.detail;
}
// 获取用户基本信息,下面两个方法在新版本中都不会返回用户头像和昵称信息
wx.getUserInfo({
	desc: '用户登录', // 声明获取用户个人信息后的用途，后续会展示在弹窗中
	success: (res) => {
		const {encryptedData, iv} = res;
		resolve(res);
	},
	fail: (err) => {
		reject(err);
	}
});
wx.getUserProfile({
	desc: '用户登录', // 声明获取用户个人信息后的用途，后续会展示在弹窗中
	success: (res) => {
		const {encryptedData, iv} = res;
		resolve(res);
	},
	fail: (err) => {
		reject(err);
	}
});

第三步，将加密数据和code一起返回给后台进行解密数据和登录

const params = {
	code,
	encryptedData,
	iv
}
// 登录接口，进行登录后，获取token啥的进行一系列后续操作
api.login(params).then((res) => {
	console.log(res);
});