微信小程序> 微信获取用户信息,微信小程序获取用户信息

微信获取用户信息,微信小程序获取用户信息

浏览量:612 时间: 来源:AndroidCC
为优化用户体验,使用wx.getUserInfo接口直接弹出授权框的开发方式将逐步不再支持。oh~mygod!!!
开发者可使用以下方式获取或展示用户信息:
一、小程序:
1、使用button组件,并将open-type指定为getUserInfo类型,获取用户基本信息。
详情参考文档:
2、使用open-data展示用户基本信息。
详情参考文档:
二、小游戏:
1、使用用户信息按钮UserInfoButton。
详情参考文档:
2、开放数据域下的展示用户信息。
详细参考文档:
用button来获取用户基本信息的代码如下:
viewviewbuttonwx:if="{{!hasUserInfo&&canIUse}}"open-type="getUserInfo"bindgetuserinfo="onGetUserinfo"授权登录/buttonblockwx:elseimagesrc="{{userInfo.avatarUrl}}"mode="cover"/imagetext{{userInfo.nickName}}/text/block/view/view/index.wxss/.userinfo{display:flex;flex-direction:column;align-items:center;}.userinfo-avatar{width:128rpx;height:128rpx;margin:20rpx;border-radius:50%;}.userinfo-nickname{color:#aaa;}.usermotto{margin-top:200px;}//index.js//获取应用实例constapp=getApp()Page({data:{motto:'HelloWorld',userInfo:{},hasUserInfo:false,canIUse:wx.canIUse('button.open-type.getUserInfo')},//事件处理函数bindViewTap:function(){wx.navigateTo({url:'../logs/logs'})},onLoad:function(){//查看是否授权if(app.globalData.userInfo){this.setData({userInfo:app.globalData.userInfo,hasUserInfo:true})}elseif(this.data.canIUse){//由于getUserInfo是网络请求,可能会在Page.onLoad之后才返回//所以此处加入callback以防止这种情况app.userInfoReadyCallback=res={this.setData({userInfo:res.userInfo,hasUserInfo:true})}}else{//在没有open-type=getUserInfo版本的兼容处理wx.getUserInfo({success:res={app.globalData.userInfo=res.userInfothis.setData({userInfo:res.userInfo,hasUserInfo:true})}})}},onGetUserinfo:function(e){console.log(e.detail.userInfo)if(e.detail.userInfo){//用户按了允许授权按钮console.log("允许")console.log(e.detail.errMsg)console.log(e.detail.userInfo)console.log(e.detail.rawData)app.globalData.userInfo=e.detail.userInfothis.setData({userInfo:e.detail.userInfo,hasUserInfo:true})}else{//用户按了拒绝按钮console.log("拒绝")}}})

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎