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

前言

最近开发公司手机快捷登录的功能,花费了不少时间,这里附上详细教程。
微信小程序 - 2023年最新版手机号快捷登录详细教程_第1张图片
这里以海底捞小程序的图片为例,如有侵权请联系小编删除。

代码如下

<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、如果在微信开发者工具弹出下边的提示,不要慌张,用真机预览,其实是生效的。
微信小程序 - 2023年最新版手机号快捷登录详细教程_第2张图片

你可能感兴趣的:(uniapp,&,微信小程序,微信小程序,小程序)