5行代碼獲取小程序用戶的手機號

最近有不少同窗有獲取小程序用戶手機號的需求。其實雲開發出現以前咱們獲取小程序用戶的手機號特別繁瑣。自從有了雲開發,咱們獲取用戶手機號變得很是簡單。只須要5行代碼便可。小程序

老規矩,咱們先來看下效果圖


再來看下核心的代碼,其實只有下面這一些。

甚至能夠說核心代碼只有上圖紅色框裏的兩行。是的,你沒聽錯,只靠這2行代碼,就能夠輕鬆的獲取用戶小程序綁定的手機號。
下面咱們就來具體講解吧。微信小程序

注意:只有企業小程序才能夠獲取用戶手機號,我的小程序沒有辦法獲取的。

一,首先要用到button組件的開發能力


編寫wxml文件,代碼很簡單

能夠看到咱們的button按鈕,使用了open-type。
再來看下咱們對應的js方法。這樣咱們點擊按鈕時,就會彈出受權彈窗。以下圖

無論用戶點擊拒絕仍是容許,咱們都能拿到對應的回調。再用戶點擊了容許之後,就能夠獲取到如下數據。

你們看到咱們獲取的數據裏有一個cloudID,其實這個值頗有用的。微信

二,開發數據檢驗與解密

  • 1,首先咱們看下官方提供的獲取手機號的文檔。

    看官方文檔,能夠知道,咱們這裏涉及到一個數據的檢驗與解密問題
  • 2,開發數據檢驗與解密

    這裏咱們要使用的就是方式二,使用雲函數來實現解密,而後拿到用戶的手機號。

三,雲函數的編寫


經過上圖能夠看到,咱們編寫的雲函數很簡單。這裏主要用的就是cloud.getOpenData這個功能。而這個功能須要的參數就是咱們上面第一步獲取的cloudID

這樣咱們調用雲函數的時候,只須要把對應的cloudID傳進來便可。

看下咱們的cloudID的做用,再來看下咱們經過button的open-type獲取的cloudID

能夠看出,咱們的cloudID和encryptedData同樣,是一串加密數據。咱們要經過雲函數獲取手機號,須要的就是這串加密字段。ide

四,上傳cloudID獲取手機號。

上面第三步雲函數編寫好之後,咱們就能夠來調用了。調用以前必定要記得部署下雲函數,必定要記得部署下雲函數。。。。

上圖就是咱們的雲函數的調用。若是你對雲開發和雲函數還不瞭解,建議你去看下我以前寫的雲開發相關的文章,獲取看下我錄的《微信小程序雲開發雲函數入門》函數

  • 這時候點擊按鈕,咱們就能夠獲取到了咱們所須要的手機號了

    到這裏咱們就能夠輕鬆的經過雲開發獲取用戶的手機號了,比起傳統的後臺開發來獲取,是否是簡單了不少。

    今天就講到這裏了,後面我還會寫更多小程序相關的技術文章出來,請持續關注。

相關文章
相關標籤/搜索