微信小程序云开发获取手机号

一、页面中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 云调用

如果该文章能帮到你的话 麻烦点个赞 谢谢啦~

微信小程序云开发获取手机号相关推荐

  1. 小程序云开发获取手机号完整代码 云函数中网络请求第三方接口

    小程序云开发获取手机号完整代码 效果图: 小程序代码 <button open-type="getPhoneNumber" bindgetphonenumber=" ...

  2. 微信小程序云开发获取用户openid

    下面带领大家借助小程序云开发获取用户唯一标识openid 首先在磁盘建立一个文件夹,存放此项目 在目录这里选择自己创建的文件夹位置,AppID输入自己申请的小程序AppID,然后选择不使用云服务,我们 ...

  3. 微信小程序云开发获取上传图片后https的url链接地址

    话不多说,直接上代码: // 点击上传图片 触发函数 changeBigImg(){let that = this;wx.chooseImage({count: 1,sizeType: ['origi ...

  4. 微信小程序云开发入门-快速获取手机号

    一.前言 很多时候,我们需要获取用户的手机号码,一般是由用户自己输入,然后我们需要保证手机号的准确性比较高的话,可能还需要搭配一个验证码的功能来确保一定的准确性.这样实现起来的开发成本以及用户体验感都 ...

  5. php访问微信云数据库,第三方服务器php获取微信小程序云开发access_token和云数据库...

    微信小程序云开发开放了http api,可以从第三方访问云服务了.方便很多.云服务的后台,可以用PC端写了. 流程大概就是通过appid,appkey获得access_token,这个access_t ...

  6. uniapp实现微信小程序云开发数据库访问,并解决云开发数据库获取不到数据问题

    uniapp实现微信小程序云开发数据库访问,并解决云开发数据库获取不到数据问题 使用工具是HBuilder X 1.配置好AppID(小程序ID) 在HBuilder X工具的manifest.js文 ...

  7. 【微信小程序】如何获取微信小程序云开发数据库的数据并渲染到页面?

    前言 上一篇博客我把微信小程序云开发数据库操作(增删改查)的实现方法都已经分享出来啦,可以戳链接进去阅读哦 [微信小程序]小程序云开发实现数据库增删改查(小白速度Get起来!!一步步教你如何实现) 基 ...

  8. 解决微信小程序云开发模式无法获取数据库数据问题

    解决微信小程序云开发模式无法获取数据库数据问题 问题: 在数据库有两条数据,获取数据时输出窗口没有任何反应 错误原因: 检查数据库名字是否对应 检查你是否有多个云开发环境 如果有多个云开发环境,就需要 ...

  9. 获取微信html代码,微信小程序云开发js抓取网页内容

    最近在研究微信小程序的云开发功能.云开发最大的好处就是不需要前端搭建服务器,可以使用云端能力,从零开始写出来一个能上线的微信小程序,避免了买服务器的开销,对于个人来尝试练手微信小程序从前端到后台的开发 ...

最新文章

  1. android homme一般多钱,【ANDROID HOMME】ANDROID HOMME官网介绍_ANDROID HOMME口碑_什么值得买...
  2. 【数据结构】线性表的链式表示-循环单链表、循环双链表、静态链表
  3. 《代码大全》阅读笔记-5-软件构建中的设计
  4. html js控制页面蒙版,JavaScript蒙板(model)功能的简单实现代码
  5. office deployment tool_工具 | 分享一个小利器,从此 Office 快速打开不是事
  6. SpringCloud创建Config读取本地配置
  7. Java 根据枚举的名字得到枚举的实例
  8. 网络-console
  9. 在线ASCII艺术字,Spring Boot banner生成工具
  10. java web基础 --- URL重定向Filter
  11. 如何通过C#开发调用Skyline软件中提供的小工具
  12. 新课程背景下高中化学实验室的硬件建设要求
  13. Java全栈开发---Java ERP系统开发:商业ERP(十三)CXF框架,物流BOS系统开发
  14. 攻防世界misc高手进阶区funny_video完整版答案
  15. 第21批符合道路运输车辆卫星定位系统标准 及规范的车载终端
  16. Github / Gitlab Actions 中的 cron 格式 和设置方法
  17. Web前端之样式继承与其他概念
  18. Mac使用技巧:在 iPhone 或 iPad 上自动更新应用程序
  19. WebForm 母版页使用
  20. 如何快速看懂一个大型程序

热门文章

  1. Python分析2018票房大战:《红海行动》获票房与人气第一名!
  2. 从锤子手机看『情怀』与有『情怀』的产品设计
  3. 浅谈计算机辅助数学教学论文,论文浅谈对计算机辅助数学教学的认识精选.doc...
  4. 编译原理,词法分析器
  5. Cents XAMPP/LAMP phpmyadmin Access Denied
  6. 【51nod】【单调栈】扔盘子
  7. android7dlopen,Android 7.0 dlopen 函数分析
  8. openh264码控笔记五(跳帧处理)
  9. 2020蓝桥杯省赛C/C++B组(第二场) 试题A:门牌制作
  10. 将README.md中的图片替换为github地址的图片