uniapp小程序获取手机号、获取用户信息

html:
<button type='primary' open-type="getPhoneNumber" @getphonenumber="getPhoneNumber">获取手机号</button>

onShow(){let that = thisthis.getLogin().then(res=>{//获取codethat.weChatCode = res.code})
},
methods: {// 只有已经认证的小程序才能获取手机号或者使用云函数获取加密数据解密getPhoneNumber(e){  // 参数e是绑定的授权方法自动传入过来的, //主要是为了拿到vi和encryptedData值从后台换取用户联系方式if ("getPhoneNumber:ok" != e.detail.errMsg){wx.showToast({icon:'none',title: '快捷登陆失败'})return;}let iv = e.detail.iv;let encryptedData = e.detail.encryptedData;let code = this.data.wxCode;let _this = this;//调用后台接口获取用户手机号码let params = {encrypted: encryptedData,iv:iv,code:code}},// 序列化serializeParams(obj,lastKey){let params = ''for(let key in obj){if(key!=lastKey){params += `${key}=${obj[key]}&`}else{params += `${key}=${obj[key]}`}}return params},//前端自己获取clientGetOpenid(){let data = {appid:"wx119d1b25f9d8e3",secret:"5ccce61346a63766e14d",js_code:res.code,grant_type:"authorization_code"}return new Promise((resolve, reject) => {// 获取session_key和openiduni.request({url:`https://api.weixin.qq.com/sns/jscode2session?${that.serializeParams(data,'grant_type')}`,method: 'GET',success(wxres) {resolve(wxres)if(wxres.data.errcode){uni.showToast({title: wxres.data.errmsg,icon: 'none',mask: true   })}else{uni.hideLoading()uni.switchTab({url:'/pages/home/index'})}},fail(err) {return uni.showToast({title: '服务器断开链接,稍后重试',icon: 'none',mask: true})}})})},getLogin() {return new Promise((resolve, reject) => {uni.login({success(res) {resolve(res)},fail: (err) => {reject(err)}})})},getUserInfo() {return new Promise((resolve, reject) => {uni.getUserProfile({lang: 'zh_CN',desc: '用户登录/注册', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，success: (res) => {console.log(res, 'resss')resolve(res.userInfo)},fail: (err) => {reject(err)}})})},}

uniapp小程序获取手机号、获取用户信息相关推荐

taro3 支付宝小程序 -- 授权手机号和用户信息
背景:taro3 + vue3 手机号授权步骤: 开放平台控制台 -> 开发设置配置 [接口内容加密方式] 开放平台控制台 -> 产品绑定绑定[获取会员手机号],并申请权限用户授权 ...
小程序开发(7)-之获取手机号、用户信息
#先说下获取手机号的步骤,首先要调用wx.login拿到code,把code发送到我们的服务器(开发者服务器)上,后台通过appid.appsecret(小程序后台那里生成的).code向微信接口服务 ...
微信小程序授权登录（获取手机号及用户信息）
目录 1.开放平台绑定微信小程序 2.小程序AppID/AppSecret获取 3.获取授权信息 4.获取用户信息
uniapp小程序微信授权获取头像昵称
最近修改小程序发现线上版的小程序通过uni.getUserProfile获取到的头像为默认灰色头像,昵称为微信用户,体验版能够正常获取到头像昵称,详参考链接小程序用户头像昵称获取规则调整公告, 解决方 ...
微信小程序——登录并保存用户信息到数据库
效果图(登录前后): 登录后保存到数据库的数据: 开始代码部分首选我们在index.wxml中添加用来显示登录后显示头像和昵称的标签,增加一个登录按钮,并绑定"wxLogin"事 ...
微信小程序授权登录以及用户信息相关接口调整导致授权框不弹出问题解决办法
4月8号升级了小程序业务后提交了版本并上线.突然一个同事说体验版的点击"登录"按钮无效.当时觉得应该不会呀,这几天一直用手机调试,每天也在不停的登录授权,弹框一直有的呀.然后为了验 ...
微信小程序云开发删除用户信息
编写一个微信小程序删除已注册的用户的信息. 开发平台:微信开发者工具微信云开发删除信息的代码字段remove: 在delete.js页面添加数据库peocollection(需要提前在云数据库创建并 ...
微信小程序进行授权登录用户信息
wx.getUserInfo获取用户信息进行登录获取该微信头像和网名进行授权登录 var userInfo = res.userInfovar nickName = userInfo.nickNa ...
微信小程序云开发修改用户信息
编写一个微信小程序修改已注册的用户的信息. 开发平台:微信开发者工具微信云开发更新信息的代码字段update: 在update.js页面添加数据库peocollection(需要提前在云数据库创建并 ...
微信小程序开发之获取用户信息
环境微信开发者工具 Stable 1.06.2303220 云开发控制台 v1.5.47 用户的openid和头像名称信息 openid 是小程序用户的唯一标识.注意, openid 并不是微信用户 ...

uniapp小程序获取手机号、获取用户信息

uniapp小程序获取手机号、获取用户信息相关推荐

最新文章

热门文章