几行代码获取微信绑定的手机号 小程序云开发

2020-03-26 15:45:49 浏览数 (1)

之前也有过说过相关教程,但不够简单,现在采取官方云调用免鉴权,着实方便,非常简单。

假设在pages/login/login页面我们需要获取绑定微信的手机号,详细操作如下:

1.login.wxml

代码语言:javascript复制
<button open-type="getPhoneNumber" 
bindgetphonenumber="getPhoneNumber">
获取手机号码
</button>
  • 目前仅支持通过button组件开放方法获取

2.login.js

代码语言:javascript复制
//获取手机号
getPhoneNumber(e) {
wx.cloud.callFunction({
name: 'openApi',
data: {
$url: "phone",
phone_id: e.detail.cloudID, 
}
}).then(res => {
console.log(res)
})
},

3.云函数openApi/index.js

代码语言:javascript复制
// 云函数入口文件
const cloud = require('wx-server-sdk');
const TcbRouter = require('tcb-router');//路由
cloud.init();
const db = cloud.database();
exports.main = (event, context) => {
const app = new TcbRouter({
event
});
//获取手机号码
app.router('phone', async (ctx) => {
ctx.body =await cloud.getOpenData({
list: [event.phone_id], 
})  
});
return app.serve();
}

全部操作就完成了~

注意事项:

  • 需要认证才可使用,不支持个人类小程序。
  • 云函数部分记得要安装对应的依赖包。
  • 在微信开发小程序这块,云开发确实很多优势。

0 人点赞