以下代码均使用uniapp进行实现
本文的代码只提供了前端代码部分，后端接口部分没有进行提供
<!-- 使用 open-type 来触发手机号授权 -->
<button open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">绑定手机号
</button><script>export default {data() {return {phoneNumber: '', // 存储手机号};},methods: {// 获取用户手机号的回调函数getPhoneNumber(e) {if (e.detail.code) {var prams = {'code': e.detail.code}// 此处的请求是为了那这用户同意授权后得到的code去后台置换token以及拿到用户的手机号http.post(api.smallLogin, prams).then(res => {uni.setStorageSync('token', res.data.token)uni.setStorageSync('userId', res.data.userId)this.phoneNumber = res.data.phoneuni.navigateBack({delta: 1})})} else {console.error('用户拒绝了手机号授权');}}}}
</script>以上代码只是我的个人写法，如有不足之处，欢迎批评指正！
)
