开发者可使用以下方式获取或展示用户信息:
一、小程序:
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("拒绝")}}})













