5行代码获取小程序用户的手机号

最近有不少同窗有获取小程序用户手机号的需求。其实云开发出现以前咱们获取小程序用户的手机号特别繁琐。自从有了云开发，咱们获取用户手机号变得很是简单。只须要5行代码便可。

老规矩，咱们先来看下效果图

再来看下核心的代码，其实只有下面这一些。

甚至能够说核心代码只有上图红色框里的两行。是的，你没听错，只靠这2行代码，就能够轻松的获取用户小程序绑定的手机号。
下面咱们就来具体讲解吧。

注意：只有企业小程序才能够获取用户手机号，我的小程序没有办法获取的。

一，首先要用到button组件的开发能力

编写wxml文件，代码很简单

能够看到咱们的button按钮，使用了open-type。
再来看下咱们对应的js方法。这样咱们点击按钮时，就会弹出受权弹窗。以下图

无论用户点击拒绝仍是容许，咱们都能拿到对应的回调。再用户点击了容许之后，就能够获取到如下数据。

你们看到咱们获取的数据里有一个cloudID,其实这个值颇有用的。

二，开发数据检验与解密

• 1，首先咱们看下官方提供的获取手机号的文档。
  
  看官方文档，能够知道，咱们这里涉及到一个数据的检验与解密问题
• 2，开发数据检验与解密
  
  这里咱们要使用的就是方式二，使用云函数来实现解密，而后拿到用户的手机号。

三，云函数的编写

经过上图能够看到，咱们编写的云函数很简单。这里主要用的就是cloud.getOpenData这个功能。而这个功能须要的参数就是咱们上面第一步获取的cloudID

这样咱们调用云函数的时候，只须要把对应的cloudID传进来便可。

看下咱们的cloudID的做用，再来看下咱们经过button的open-type获取的cloudID

能够看出，咱们的cloudID和encryptedData同样，是一串加密数据。咱们要经过云函数获取手机号，须要的就是这串加密字段。

四，上传cloudID获取手机号。

上面第三步云函数编写好之后，咱们就能够来调用了。调用以前必定要记得部署下云函数，必定要记得部署下云函数。。。。

上图就是咱们的云函数的调用。若是你对云开发和云函数还不了解，建议你去看下我以前写的云开发相关的文章，获取看下我录的《微信小程序云开发云函数入门》

• 这时候点击按钮，咱们就能够获取到了咱们所须要的手机号了
  
  到这里咱们就能够轻松的经过云开发获取用户的手机号了，比起传统的后台开发来获取，是否是简单了不少。

  今天就讲到这里了，后面我还会写更多小程序相关的技术文章出来，请持续关注。