微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）(微信小程序开发平台)

编辑：rootadmin

微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）文章目录一、前言二、前端代码wxml三、前端代码js四、云函数五、程序流程一、前言

推荐整理分享微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）(微信小程序开发平台)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:微信小程序开发公司,微信小程序开发平台官网,微信小程序开发公司十大排名,微信小程序开发零基础入门,微信小程序开发费用一览表,微信小程序开发平台,微信小程序开发公司,微信小程序开发一个多少钱,内容如对您有帮助，希望把文章链接给更多的朋友！

微信小程序开发笔记——导读

大部分微信小程序开发者都会有这样的需求：获取小程序用户的手机号码。但是，因为小程序用户的手机号码属于重要信息，为了安全，所以需要如下一系列较为复杂的方法和步骤。我前期主要通过小程序云的方法获取用户手机号码，后面因为微信政策变更，小程序云不再提供免费版本，最低每月也要收费19元。所以，我才转用方法二和方法三。否则方法一小程序云的方法是最简单的。

微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）微信小程序开发笔记进阶篇⑤——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之前）微信小程序开发笔记进阶篇⑥——getPhoneNumber 获取用户手机号码（基础库 2.21.2 之后）

二、前端代码wxml必须要有这个button，并且用户点击了，才能有下一步<button type="default" open-type="getPhoneNumber" bindgetphonenumber="getPhoneNumber" class="weui-vcode-btn" wx:else>获取手机号</button>

三、前端代码jsapp.js云函数初始化onLaunch: function (opts) { const accountInfo = wx.getAccountInfoSync(); this.globalData.appId = accountInfo.miniProgram.appId console.log('App Launch', opts, accountInfo) if (!wx.cloud) { console.error('请使用 2.2.3 或以上的基础库以使用云能力') } else { wx.cloud.init({ env: config.envId, traceUser: true, }) }},bindgetphonenumber="getPhoneNumber"按钮的回调函数调用云函数getPhoneNumber(e) {wx.cloud.callFunction({ name: 'getPhoneNumber', data: { cloudID: e.detail.cloudID }, success: function (res) { console.log("getPhoneNumber", res.result) _this.setData({ mobile: res.result.list[0].data.phoneNumber }) }, fail: console.error})},四、云函数

index.js// 云函数入口文件const cloud = require('wx-server-sdk')cloud.init()// 云函数入口函数exports.main = async (event, context) => { console.log("cloudID: ",event.cloudID) return await cloud.getOpenData({ list:[event.cloudID], })}package.json{ "name": "wxContext", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "wx-server-sdk": "latest" }}五、程序流程微信小程序开发笔记进阶篇④——getPhoneNumber 获取用户手机号码（小程序云）(微信小程序开发平台)