uniapp授权获取微信支付宝小程序手机号身份证号

方案一：采用 button 配置 open-type="getPhoneNumber" 的形式

代码如下：

<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">getPhoneNumber授权手机号</button>

getPhoneNumber(e){
  console.log(e)
}

展示结果如下：

方案二：在方案一的基础上，针对支付宝小程序写单独的授权弹框

// 授权手机号
getPhoneNumber(e){
	console.log(e)
	// #ifdef MP-ALIPAY
	my.getPhoneNumber({
		success: (res) => {
			console.log(授权成功,res)
		},
		fail: (err) => {
			console.log(授权失败,err)
		}
	})
	// #endif
}

分析打印结果，发现拒绝和同意都会进入导sucess函数中且成功返回response，虽然返回的response值不一样，且拒绝后拿到的response是无效的，也能从用户行为上判断是否拒绝还是同意，但总感觉不太好。所以想到了第三种方案：

方案三：采用 open-type="getAuthorize" 加 scope="phoneNumber" 的形式

代码如下：

<button open-type="getAuthorize" scope="phoneNumber" @getAuthorize="getPhoneNumber" @error="errorPhoneNumber">getAuthorize授权手机号</button>

// 授权手机号
getPhoneNumber(e){
	my.getPhoneNumber({
		success: (res) => {
			console.log(授权成功,res)
		},
		fail: (err) => {
			console.log(授权失败,err)
		}
	})
},
// 拒绝手机号
errorPhoneNumber(e){
  console.log(拒绝授权,e)
},

这个时候再来看效果，用户拒绝只会触发 errorPhoneNumbe 方法，打印 "用户取消授权" 的文本，用户同意则会正常进入 getPhoneNumber 方法，并且在success函数中成功返回有效response值。

说完了授权手机号的部分，接下来我们再讲讲支付宝端授权身份证号。

同样还是用方案三的方式 open-type="getAuthorize" 加 scope="IDNumber"，原理同上代码如下：

<button open-type="getAuthorize" scope="IDNumber" @getAuthorize="getIDNumber" @error="errorIDNumber">getAuthorize授权身份证号</button>

// 授权身份证号
getIDNumber () {
	my.getIDNumber({
		success: async (res) => {
			console.log(授权成功,res)
		},
		fail: (err) => {
			console.log(授权失败,err)
		}
	})
},
// 拒绝身份证号
errorIDNumber(e){
	console.log(拒绝授权,e)
},