小程序有一個獲取用戶很便捷的api，就是通過getPhoneNumber獲取用戶的已經(jīng)綁定微信的手機號碼。有一點要大家注意，現(xiàn)在微信和注重用戶體驗，有些方法都是需要用戶主動去觸發(fā)才能調(diào)用的，比如getPhoneNumber。

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

實現(xiàn)思路：

直接上干貨：

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

JS內(nèi)getPhoneNumbe組件函數(shù)（該事件中最重要的就是在wx.login登錄后發(fā)起接口請求），這里需要配置參數(shù)來給接口： 這些是必不可少的參數(shù)，這些齊備才能算一個合法的請求。

1. appid: “你的小程序APPID”,
2. secret: “你的小程序appsecret”,
3. code: res.code,
4. encryptedData: telObj,
5. iv: ivObj

最終結(jié)果展示：

點擊"拒絕"，開發(fā)者能捕捉到該事件 ，此時getPhoneNumber 函數(shù)返回 e.detail.errMsg 為 getPhoneNumber:user deny