位置: IT常识 - 正文

微信小程序开发笔记 进阶篇④——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 获取用户手机号码(小程序云)(微信小程序开发平台)

注册界面

云函数

onShow函数, wx.cloud.init 云函数初始化

按钮点击,getPhoneNumber获取cloudID

调用云函数,传入cloudID

cloud.getOpenData,返回phoneNumber

注册界面

云函数

觉得好,就一键三连呗(点赞+收藏+关注)

本文链接地址:https://www.jiuchutong.com/zhishi/298798.html 转载请保留说明!

上一篇:Nginx的安装配置教程(nginx安装配置视频)

下一篇:图像处理及深度学习开源数据集大全(四万字呕心沥血整理)(图像深度算法)

  • 苹果13内存有几种(苹果13内存都有多大的)

  • windows11录屏怎么操作(windows11录屏怎么隐藏鼠标)

  • QQ音乐如何设置锁屏歌词(qq音乐如何设置苹果手机来电铃声)

  • 腾讯vip账号的意思是什么(腾讯vip账号的意义是什么)

  • 华为每周六都有充值返利吗(华为每周六都有优惠券吗)

  • 华为nova6手机黑白屏怎么调回来(华为nova6手机黑白屏怎么调回来彩色)

  • 荣耀品牌是华为系列吗(荣耀是品牌吗)

  • 两个电机怎么实现同步(两个电机怎么实现星三角)

  • 4gb能下载多少首歌(4g能下多少首歌mp4)

  • 小米手环3能设置壁纸吗(小米手环3能设置表盘吗)

  • 骁龙865处理器的手机有哪些(骁龙865处理器的手机)

  • 两寸蓝底电子照片手机怎么弄(两寸蓝底电子照片手机怎么弄免费)

  • iphonexr蓝牙无法配对(苹果xr蓝牙无法连接)

  • 华硕bios关闭节能模式(华硕bios怎么关机)

  • 手机qq怎么隐藏地区(手机qq怎么隐藏黄钻图标)

  • 苹果蓝牙耳机按键功能(苹果蓝牙耳机按键使用方法图解)

  • vivox27有没有面部(vivox27有没有面部识别)

  • 华为畅享10什么时候上市(华为畅享10什么时候出的)

  • excel跨工作簿引用数据(excel跨工作簿引用数据不成功)

  • 拼多多星星怎么得(拼多多星星怎么升)

  • cad布局图纸怎么复制到模型空间(cad布局图纸怎么转成模型图纸)

  • Windows11系统怎么刷新? Win11显示刷新按钮的技巧(windows11如何)

  • 启用、关闭Safari6浏览器delete后退键的方法(苹果关闭safari)

  • win11 pin码一直转圈怎么办?win11pin码一直转圈的解决教程(win11 pin失效)

  • js 箭头函数详解(jquery箭头函数)

  • python多线程线程锁如何使用(python 多线程处理)

  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设 电脑维修 湖南楚通运网络