微信小程序-获取微信用户手机号码

.wxml

<!-- 要用bindgetphonenumber属性，不能使用bindtap属性-->
<button  type='primary' open-type = 'getPhoneNumber' bindgetphonenumber="getUserPhoneNumber">微信登录</button><view class='getPhone'><text>{{phone}}</text>
</view>

.wxss

.getPhone{
/*    margin:150rpx;*/display: flex;flex-direction: column;align-items: center;
}

根据自己的布局调整

.js

/*** 页面的初始数据*/data: {phone:''},getUserPhoneNumber(e){wx.cloud.callFunction({name: 'getUserPhoneNumber',        // 需调用的云函数名,注意名称要相同// 传给云函数的参数 event对象data:{cloudID: e.detail.cloudID}}).then(res=>{console.log('获取成功', res)// 云函数需要上传并部署，已经上传并部署过的，需要增量上传// 将getUserPhoneNumber下的三个文件都进行增量上传后，list变量有值，并正确解析到手机号码if(res.result.list.length > 0){ this.setData({phone: '获取的手机号码：'+ res.result.list[0].data.phoneNumber})}}).catch(err=> {console.log('获取失败', err)})},

创建云函数：getUserPhoneNumber（关于云函数的初始化见https://blog.csdn.net/yuxiao1121/article/details/125222407）

在云函数目录点击鼠标右键，选择“新建Node.js云函数”，输入自定义的名称，此处输入的名称为getUserPhoneNumber，这个名称就是回调函数中的name值

打开index.js，添加代码：

// 云函数入口文件
const cloud = require('wx-server-sdk')cloud.init()// 添加的代码
// 云函数入口函数
exports.main = async(event, context) => {return await cloud.getOpenData({list: [event.cloudID],})
}

记得云函数文件需要上传和部署，部署过的则需要更新：在相应的文件上点击右键，选择“云函数增量上传：更新文件”

效果图：

微信小程序-获取微信用户手机号码相关推荐

微信小程序-获取微信收货地址
微信小程序获取微信收货地址文章目录微信小程序获取微信收货地址一.在小程序管理后台( 小程序管理后台),「开发」-「开发管理」-「接口设置」中自助开通该接口权限. 二.开通之后直接调用接口. // ...
微信小程序获取微信公众号文章2
微信小程序获取微信公众号文章2 前面介绍了一篇微信小程序打开微信公众号中的文章实战教程,主要介绍了实现的具体原理,但是实际去做的时候,发现了更多的坑,所以这里再补充一下. 原先的思路是不完整的原先我 ...
微信小程序获取微信头像、微信昵称
微信小程序获取头像昵称 <template><view class="top-user"><view class="top-content& ...
微信小程序获取微信运动数据并解密
官方API 官方API 步骤 1,APP端拉起微信小程序 2,小程序端获取微信运动数据 3,后台解密获取的微信运动数据实现 1,APP端调起微信小程序准备工作: 1)微信开放平台,微信公众平台注册 ...
微信小程序获取本机手机号码登录
前言开发环境:使用uni-app开发微信小程序. 具体需求:获取本机手机号码直接登录小程序. 参考简单了解有此功能的微信小程序的情况. 实现过程参考:微信小程序官方文档一参考:微信小程序官方文 ...
从微信服务器获取用户信息,微信小程序Ⅴ [获取登陆用户信息，重点openID(详解)]...
♩ 背景其实这篇文章几个月前就写完了,可是这段时间,微信小程序官方文档有了更新,同事在我本身的实际操做过程当中,发现以前写的过于繁杂,因此如今进行简化梳理,欢迎指摘. 语言框架:ThinkPHP3. ...
微信小程序Ⅴ [获取登录用户信息，重点openID(详解)]
♩ 背景其实这篇文章几个月前就写完了,但是这段时间,微信小程序官方文档有了更新,同事在我自己的实际操作过程中,发现之前写的过于繁杂,所以现在进行简化梳理,欢迎指摘. 语言框架:ThinkPHP3.2 ...
小程序步数解密php,微信小程序--获取微信运动步数的实例代码
如今运动计步很火,不管是蚂蚁森林,仍是微信上都很火爆,本文介绍了微信小程序微信运动步数的实例代码,分享给你们php 思路:wx.login获取的code请求获取的session_key,wx.getW ...
php 小程序运动步数_微信小程序获取微信运动步数的实例代码
现在运动计步很火,无论是蚂蚁森林,还是微信上都很火爆,本文介绍了微信小程序微信运动步数的实例代码,分享给大家微信小程序API-微信运动 https://mp.weixin.qq.com/debug/ ...
微信小程序获取微信名和头像登录
小程序获取用户信息使用 wx.getUserProfile()方法 wx.getUserProfile()方法的用处:获取用户信息,页面上有点击事件button后才可以调用,每次请求都会弹出授权窗口, ...

微信小程序-获取微信用户手机号码

微信小程序-获取微信用户手机号码相关推荐

最新文章

热门文章