微信小程序实现用户手机号授权

本文主要是介绍微信小程序实现用户手机号授权，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

以下代码均使用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>

以上代码只是我的个人写法，如有不足之处，欢迎批评指正！

这篇关于微信小程序实现用户手机号授权的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---