這篇文章主要介紹了微信小程式如何通過使用者授權獲取手機號(getPhoneNumber),文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

小程式有一個獲取使用者很便捷的api，就是通過getPhoneNumber獲取使用者的已經繫結微信的手機號碼。有一點要大家注意，現在微信和注重使用者體驗，有些方法都是需要使用者主動去觸發才能呼叫的，比如getPhoneNumber。

官方文件：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getPhoneNumber.html

實現思路：

直接上乾貨：

1、

<button open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber"></button>

2、JS內getPhoneNumbe元件函式（該事件中最重要的就是在wx.login登入後發起介面請求），這裡需要配置引數來給介面：

這些是必不可少的引數，這些齊備才能算一個合法的請求。

appid: “你的小程式APPID”,secret: “你的小程式appsecret”,code: res.code,encryptedData: telObj,iv: ivObj

//通過繫結手機號登入
　　getPhoneNumber: function (e) {
   var ivObj = e.detail.iv
   var telObj = e.detail.encryptedData
   var codeObj = "";
   var that = this;
   //------執行Login---------
   wx.login({
    success: res => {
     console.log('code轉換',res.code);
 
　　　　　　//用code傳給伺服器調換session_key
     wx.request({
      url: 'https://你的介面檔案路徑',//介面地址
      data: {
       appid: "你的小程式APPID",secret: "你的小程式appsecret",iv: ivObj
      },success: function (res) {
       phoneObj = res.data.phoneNumber;
       console.log("手機號=",phoneObj)
       wx.setStorage({  //儲存資料並準備傳送給下一頁使用
        key: "phoneObj",data: res.data.phoneNumber,})
      }
     })
 
     //-----------------是否授權，授權通過進入主頁面，授權拒絕則停留在登陸介面
     if (e.detail.errMsg == 'getPhoneNumber:user deny') { //使用者點選拒絕
      wx.navigateTo({
       url: '../index/index',})
     } else { //允許授權執行跳轉
      wx.navigateTo({
       url: '../test/test',})
     }
    }
   });
},

最終結果展示：

點選"拒絕"，開發者能捕捉到該事件 ，此時getPhoneNumber 函式返回 e.detail.errMsg 為 getPhoneNumber:user deny

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。