【uni-app】uni-app 小程序获取手机号登录

具体业务

小程序使用手机号登录，需要绑定到当前业务系统。获取手机号时序图如下：

实现

前端 uni-app

我对 uni.request 进行了封装，可能请求方式有些不同

<template>
	<view class="container">
		<view>
			<image class="logoImg" src="@/static/img/logo.jpg"></image>
		</view>
		
		<button type="primary" shape="circle" class="loginButton" open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">微信一键登录</button>
		
		<!-- 底部信息 -->
		<view class="footer">
			<text>登录代表您已阅读并接受</text>
			<!-- 协议地址 -->
			<navigator url="/pages/member/xieyi" open-type="navigate" style="color: #007AFF;">《用户协议》</navigator>
		</view>
	</view>
</template>
<script>
	export default {
   
		data() {
   
			return {
   
				code: '' // 登录凭证
			};
		},
		methods: {
   
			getPhoneNumber(e) {
   
				let that = this;
				
				// 不允许授权
				if (e.detail.errMsg !== "getPhoneNumber:ok") {
   
					return;
				}
				
				let encryptedData = e.detail.encryptedData
				let iv = e.detail.iv
				// 检查登录态是否过期
				uni.checkSession({
   
					success(res) {
   
						that.$api.request.wxlogin({
   
							code: that.code,
							encryptedData: encryptedData,
							iv: iv
						}, res => {
   
							console.log(res)
							uni.setStorageSync("x-access-token", res.result.token)
							uni.setStorageSync("userId", res.result.userInfo.id)
							// 进入首页
							uni.switchTab({
   
								url: '/pages/educational/educational'
							})
						});
					},
					fail(err) {
   
						uni