cba闈掑矝2018 :微信小程序如何通過用戶授權獲取手機號(getPhoneNumber)

cba广东队赛程 www.axwwg.com  更新時間:2020-01-26 01:01:16   作者:佚名   我要評論(0)

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

這篇文章主要介紹了微信小程序如何通過用戶授權獲取手機號(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",
       code: res.code,
       encryptedData: telObj,
       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

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。

您可能感興趣的文章:

  • 微信小程序利用云函數獲取手機號碼
  • 微信小程序綁定手機號獲取驗證碼功能
  • 微信小程序獲取用戶信息及手機號(后端TP5.0)
  • 微信小程序獲取用戶綁定手機號方法示例
  • 微信小程序用戶授權、位置授權及獲取微信綁定手機號
  • Java解密微信小程序手機號的方法
  • 微信小程序如何獲取用戶手機號
  • 微信小程序 功能函數小結(手機號驗證*、密碼驗證*、獲取驗證碼*)

相關文章

最新評論