微信小程序 - 2023年最新版手机号快捷登录详细教程

前言

最近开发公司手机快捷登录的功能，花费了不少时间，这里附上详细教程。

这里以海底捞小程序的图片为例，如有侵权请联系小编删除。

代码如下

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">手机号快捷登录</button>

getPhoneNumber(e) {
	if (e.detail.errMsg == "getPhoneNumber:ok") {
		this.encryptedData = e.detail.encryptedData;
		this.iv = e.detail.iv;
		this.code = e.detail.code;
		this.Login(); // 这里调用登录/注册的接口
	} else {
	// 点击"不允许"
		uni.showModal({
			title: '提示',
			content: '需要通过授权才能继续，请重新点击并授权！',
			showCancel: false,
			success: function(res) {
				if (res.confirm) {
					console.log('');
				}
			}
		});
	}
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

开发中遇到的问题

1、如果在微信开发者工具弹出下边的提示，不要慌张，用真机预览，其实是生效的。