最近有很多同学有获取小程序用户手机号的需求。其实云开发出现之前我们获取小程序用户的手机号特别繁琐。自从有了云开发,我们获取用户手机号变得非常简单。只需要5行代码即可。

老规矩,我们先来看下效果图


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


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

注意:只有企业小程序才可以获取用户手机号,个人小程序没有办法获取的。

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


编写wxml文件,代码很简单


可以看到我们的button按钮,使用了open-type。
再来看下我们对应的js方法。这样我们点击按钮时,就会弹出授权弹窗。如下图


不管用户点击拒绝还是允许,我们都能拿到对应的回调。在用户点击了允许以后,就可以获取到以下数据。


大家看到我们获取的数据里有一个cloudID,其实这个值很有用的。

二,开发数据检验与解密

  • 1,首先我们看下官方提供的获取手机号的文档。


    看官方文档,可以知道,我们这里涉及到一个数据的检验与解密问题

  • 2,开发数据检验与解密


    这里我们要使用的就是方式二,使用云函数来实现解密,然后拿到用户的手机号。

三,云函数的编写


通过上图可以看到,我们编写的云函数很简单。这里主要用的就是cloud.getOpenData这个功能。而这个功能需要的参数就是我们上面第一步获取的cloudID


这样我们调用云函数的时候,只需要把对应的cloudID传进来即可。


看下我们的cloudID的作用,再来看下我们通过button的open-type获取的cloudID


可以看出,我们的cloudID和encryptedData一样,是一串加密数据。我们要通过云函数获取手机号,需要的就是这串加密字段。

四,上传cloudID获取手机号。

上面第三步云函数编写好以后,我们就可以来调用了。调用之前一定要记得部署下云函数,一定要记得部署下云函数。。。。


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

  • 这时候点击按钮,我们就可以获取到了我们所需要的手机号了


    到这里我们就可以轻松的通过云开发获取用户的手机号了,比起传统的后台开发来获取,是不是简单了很多。

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

小程序获取用户手机号_借助云开发5行代码获取小程序用户的手机号相关推荐

  1. 小程序群发短信,借助云开发5行代码实现短信群发功能

    我们上面给单个手机发送验证码的功能实现了,接下来就教大家如何群发短信. 老规矩,先看效果图 1,编写wxml页面 简单起见,我这里只定义一个输入手机号的输入框和一个button按钮 对应的代码如下 2 ...

  2. 小程序短信验证码登录,1分钟实现小程序发短信功能,借助云开发10行代码实现短信验证码登录小程序

    老规矩先看效果图 普通短信 验证码短信 今天被云开发官方告知,云开发支持发短信功能了,然后就迫不及待的来尝下鲜. 进入官方文档一看,云开发给咱们开发者的福利还真不小. 不仅仅可以很方便的使用短信功能, ...

  3. 借助云开发10行代码生成小程序码,可以微信扫码快速进入指定小程序页

    最近老有同学问我,如何生成小程序二维码,让用户扫码后能快速进入指定页面.经过一番研究,发现用云开发的云调用来实现特别方便,基本上10行代码就可以快速的生成指定页面的二维码.这样我们在做一些线下业务时就 ...

  4. python获取虎牙弹幕_教你用20行代码爬取直播平台弹幕(附源码)

    前言 本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理. Python爬虫.数据分析.网站开发等案例教程视频免费在线观看 https://space. ...

  5. 小程序云开发_借助小程序云开发制作校园导览小程序丨实战

    导语 偌大校园,寻路犯难.没关系!本文教你借助云开发制作精美校园导览小程序,带你走遍校园的每个角落,发现不一样的风景. 背景 刚入学的新生要想不迷失在偌大的校园,除了依靠不怎么可靠的路边标识外,总会收 ...

  6. 微信小程序云开发用户身份登录_云开发版的微信商城小程序第一章

    我们经过前面小程序基础和云开发基础的学习,今天就来带大家实现一个综合项目,上线一款属于自己的微信商城小程序. 文末有彩蛋 如果你有小程序基础可以跳过上面的基础,直接看下面的,如果没有小程序基础,建议你 ...

  7. 借助云开发,利用订阅消息,云函数路由实现小程序好友一对一聊天,添加好友等仿微信功能

    微信小程序借助云开发,利用订阅消息,云函数路由实现小程序好友一对一聊天,添加好友等仿微信功能 这篇文章已经进行了更新,请点此进行查看 仿微信好友聊天 主要功能有 后续可能补充功能 详细介绍 注意 保存 ...

  8. springboot 做表白墙_基于微信云开发 SayLove 表白墙微信小程序V1.0

    基于微信云开发 SayLove 表白墙微信小程序 后续会继续更新,敬请期待2.0全新版本~ 欢迎添加左边的微信一起探讨! 注意: 云函数的wx-server-sdk依赖需要更新才能正常使用,这里的都是 ...

  9. 云开发初探 —— 更简便的小程序开发模式

    李成熙,腾讯云高级工程师.2014年度毕业加入腾讯AlloyTeam,先后负责过QQ群.花样直播.腾讯文档等项目.2018年加入腾讯云云开发团队.专注于性能优化.工程化和小程序服务.微博 | 知乎 | ...

最新文章

  1. 使用OpenVINO加速Pytorch表情识别模型
  2. Unicode 转换 ASCII,ASCII 转换 Unicode 在线网站工具
  3. 模型仅1MB,更轻量的人脸检测模型开源,效果不弱于主流算法
  4. 1489 蜥蜴和地下室
  5. javascript的程序控制结构及语句------(2)循环控制语句、跳转语句、对话框
  6. Property ngOnInit does not exist on type VisibleFocusDirective
  7. 获取iview中表单组件Table的选中数据
  8. [转]服务器监控 UptimeRobot 简明使用手册
  9. eclipse下没有build project的解决方法
  10. 各种常用的 Win32Api 汇总(持续更新中. . .)
  11. 最新微信开通状态过滤程序
  12. kappa一致性检验教程_诊断试验的一致性检验-Kappa
  13. 酒店网络营销的5C时代-德比软件 张焕杰
  14. 单片机8位共阴极数码管0~99自增
  15. python3ide安卓版官网下载_Pydroid3官方版-Pydroid3最新版下载v4.01 - 7230手游网
  16. 发光二极管限流电阻(学习笔记)
  17. 小熊派移植华为 LiteOS-M(基于MDK)
  18. 智能驾驶是什么意思_智能驾驶当道,谁还在谈驾驶乐趣?
  19. Re-ID:AlignedReID: Surpassing Human-Level Performance in Person Re-Identification 论文解析
  20. 也读《人类简史》:从动物到上帝的智人

热门文章

  1. php solr 全文检索,全文检索可视化动态管理(二)--solr二次开发和solrj扩展
  2. 内涝预测过程的噪音_提高人工智能模型准确率的测试过程中需要注意什么?
  3. go语言与php优势,go语言有什么优点?
  4. wpf 修改label值_c# – 在WPF中绑定Setter属性的值
  5. 移动互联网的发展趋势ios与android哪更有前景,移动互联网是什么?移动互联网现状,发展趋势及前景...
  6. 怎样设计访谈提纲_用户调研报告如何做?访谈-整理-报告?
  7. 山东中医院大学计算机科学与技术,2021年山东中医药大学计算机科学与技术专业招生...
  8. 4位先行进位电路 logisim_数字电路基础之逻辑电路
  9. 基于JAVA+SpringBoot+Mybatis+MYSQL的在线购物商城系统
  10. 基于JAVA+SpringBoot+Mybatis+MYSQL的个人理财系统