微信小程序云开发获取手机号
微信小程序云开发获取手机号
一、页面中button
组件open-type
配置项
open-type="getPhoneNumber"
获取用户手机号,可以从 bindgetphonenumber
回调中获取到用户信息
<button class="login authorize"open-type="getPhoneNumber"bindgetphonenumber="getPhoneNumber"
>获取手机号
</button>
二、调用云函数获取手机号
async getPhoneNumber(event) {const errMsg = event.detail.errMsg// 判断用户是否点击允许if (errMsg === "getPhoneNumber:ok") {const cloudId = event.detail.cloudIDconst cloudIdList = [cloudId]// 请求云函数const cloudFunRes = await wx.cloud.callFunction({name: "getMobile", // 云函数名data: { cloudIdList }})const jsonStr = cloudFunRes.result.dataList[0].jsonconst jsonData = JSON.parse(jsonStr)const phoneNumber = jsonData.data.phoneNumber// 手机号console.log('phoneNumber', phoneNumber)}
}
三、云函数 getMobile
3.1index.js
// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init({env: cloud.DYNAMIC_CURRENT_ENV
})// 云函数入口函数
exports.main = async (event, context) => {const wxContext = cloud.getWXContext()const openid = wxContext.OPENIDconst cloudIdList = event.cloudIdListtry {const result = await cloud.openapi.cloudbase.getOpenData({openid: openid,cloudidList: cloudIdList})return result}catch (err) {console.error('transaction error')return err}
}
3.2 config.json
{"permissions": {"openapi": ["phonenumber.getPhoneNumber"]}
}
参考文档
button 组件 open-type
获取手机号
手机号 getPhoneNumber 云调用
如果该文章能帮到你的话 麻烦点个赞 谢谢啦~
微信小程序云开发获取手机号相关推荐
- 小程序云开发获取手机号完整代码 云函数中网络请求第三方接口
小程序云开发获取手机号完整代码 效果图: 小程序代码 <button open-type="getPhoneNumber" bindgetphonenumber=" ...
- 微信小程序云开发获取用户openid
下面带领大家借助小程序云开发获取用户唯一标识openid 首先在磁盘建立一个文件夹,存放此项目 在目录这里选择自己创建的文件夹位置,AppID输入自己申请的小程序AppID,然后选择不使用云服务,我们 ...
- 微信小程序云开发获取上传图片后https的url链接地址
话不多说,直接上代码: // 点击上传图片 触发函数 changeBigImg(){let that = this;wx.chooseImage({count: 1,sizeType: ['origi ...
- 微信小程序云开发入门-快速获取手机号
一.前言 很多时候,我们需要获取用户的手机号码,一般是由用户自己输入,然后我们需要保证手机号的准确性比较高的话,可能还需要搭配一个验证码的功能来确保一定的准确性.这样实现起来的开发成本以及用户体验感都 ...
- php访问微信云数据库,第三方服务器php获取微信小程序云开发access_token和云数据库...
微信小程序云开发开放了http api,可以从第三方访问云服务了.方便很多.云服务的后台,可以用PC端写了. 流程大概就是通过appid,appkey获得access_token,这个access_t ...
- uniapp实现微信小程序云开发数据库访问,并解决云开发数据库获取不到数据问题
uniapp实现微信小程序云开发数据库访问,并解决云开发数据库获取不到数据问题 使用工具是HBuilder X 1.配置好AppID(小程序ID) 在HBuilder X工具的manifest.js文 ...
- 【微信小程序】如何获取微信小程序云开发数据库的数据并渲染到页面?
前言 上一篇博客我把微信小程序云开发数据库操作(增删改查)的实现方法都已经分享出来啦,可以戳链接进去阅读哦 [微信小程序]小程序云开发实现数据库增删改查(小白速度Get起来!!一步步教你如何实现) 基 ...
- 解决微信小程序云开发模式无法获取数据库数据问题
解决微信小程序云开发模式无法获取数据库数据问题 问题: 在数据库有两条数据,获取数据时输出窗口没有任何反应 错误原因: 检查数据库名字是否对应 检查你是否有多个云开发环境 如果有多个云开发环境,就需要 ...
- 获取微信html代码,微信小程序云开发js抓取网页内容
最近在研究微信小程序的云开发功能.云开发最大的好处就是不需要前端搭建服务器,可以使用云端能力,从零开始写出来一个能上线的微信小程序,避免了买服务器的开销,对于个人来尝试练手微信小程序从前端到后台的开发 ...
最新文章
- android homme一般多钱,【ANDROID HOMME】ANDROID HOMME官网介绍_ANDROID HOMME口碑_什么值得买...
- 【数据结构】线性表的链式表示-循环单链表、循环双链表、静态链表
- 《代码大全》阅读笔记-5-软件构建中的设计
- html js控制页面蒙版,JavaScript蒙板(model)功能的简单实现代码
- office deployment tool_工具 | 分享一个小利器,从此 Office 快速打开不是事
- SpringCloud创建Config读取本地配置
- Java 根据枚举的名字得到枚举的实例
- 网络-console
- 在线ASCII艺术字,Spring Boot banner生成工具
- java web基础 --- URL重定向Filter
- 如何通过C#开发调用Skyline软件中提供的小工具
- 新课程背景下高中化学实验室的硬件建设要求
- Java全栈开发---Java ERP系统开发:商业ERP(十三)CXF框架,物流BOS系统开发
- 攻防世界misc高手进阶区funny_video完整版答案
- 第21批符合道路运输车辆卫星定位系统标准 及规范的车载终端
- Github / Gitlab Actions 中的 cron 格式 和设置方法
- Web前端之样式继承与其他概念
- Mac使用技巧:在 iPhone 或 iPad 上自动更新应用程序
- WebForm 母版页使用
- 如何快速看懂一个大型程序
热门文章
- Python分析2018票房大战:《红海行动》获票房与人气第一名!
- 从锤子手机看『情怀』与有『情怀』的产品设计
- 浅谈计算机辅助数学教学论文,论文浅谈对计算机辅助数学教学的认识精选.doc...
- 编译原理,词法分析器
- Cents XAMPP/LAMP phpmyadmin Access Denied
- 【51nod】【单调栈】扔盘子
- android7dlopen,Android 7.0 dlopen 函数分析
- openh264码控笔记五(跳帧处理)
- 2020蓝桥杯省赛C/C++B组(第二场) 试题A:门牌制作
- 将README.md中的图片替换为github地址的图片