在线直播系统源码，用户登录时获取到用户已有的账号信息

在线直播系统源码，用户登录时获取到用户已有的账号信息

1、用户未授权（首次登录）

button open-type='getUserInfo'

2、用户已经授权（再次登录）

wx.getUserInfo

 html文件：

 

1

<br><view class="indexContainer"><br>    <image wx:if='{{userInfo.avatarUrl}}' class="avatarUrl"  src="{{userInfo.avatarUrl}}"></image><br>    <button wx:else bindgetuserinfo='handleGetUserInfo' open-type="getUserInfo">获取用户信息</button><br>    <text class="userName">{{userInfo.nickName}}</text><br>    <!-- 测试事件绑定 --><br>  <!-- <view class="goStudy" catchtap="handleParent"><br>    <text catchtap="handleChild">Hello World</text><br>  </view> --><br> <br>  <view class="goStudy" catchtap="toLogs"><br>    <text >Hello World</text><br>  </view><br></view>

​

css文件：

 

1

<br>.indexContainer{<br>  display: flex;<br>  flex-direction:column;<br>  align-items: center;<br>  justify-content: center;<br>}<br> <br>.avatarUrl{<br>  width: 200rpx;<br>  height: 200rpx;<br>  border-radius: 50%;<br>  margin:100rpx 0;<br>}<br> <br>button{<br>  width: 200rpx;<br>  height: 200rpx;<br>  border-radius: 50%;<br>  margin: 100px 0;<br>  font-size: 24rpx;<br>  line-height: 200rpx;<br>  text-align: center;<br>  <br>}<br>.userName{<br>  font-size: 32rpx;<br>  margin: 100rpx 0;<br>}<br>.goStudy{<br>  width: 300rpx;<br>  height: 80rpx;<br>  line-height: 80rpx;<br>  text-align: center;<br>  font-size: 28rpx;<br>  border: 1rpx solid #333;<br>  border-radius: 10rpx;<br>}<br> <br>

js文件：

 

1

<br>Page({<br> <br>  /**<br>   * 页面的初始数据<br>   */<br>  data: {<br>     msg:'初始化数据',<br>     userInfo:{}   //存放用户的基本信息<br>  },<br> <br>},<br> <br> <br>  /**<br>   * 生命周期函数--监听页面加载  页面加载就会执行<br>   */<br>  onLoad: function (options) {<br>     //修改msg数据  语法  this.setData()  this代表当前页面的实例对象<br>    // console.log(this.data.msg)<br>    //  this.setData({<br>    //    msg:'修改之后的数据'<br>    //  })<br>     //console.log(this.data.msg)<br>     //授权以后获取用户的信息<br>     wx.getUserInfo({<br>       success:(res)=>{<br>         console.log(res);<br>         this.setData({<br>           userInfo:res.userInfo<br>         })<br> <br>       },<br>       fail:(err)=>{<br>          console.log(err)<br>       }<br>     })<br>  },<br>  //获取用户信息的回调<br>  handleGetUserInfo(res){<br>    console.log(res)<br>    if(res.detail.userInfo){  //允许修改userinfo的数据<br>      this.setData({<br>        userInfo:res.detail.userInfo<br>      })<br>    }<br>  },

以上就是 在线直播系统源码，用户登录时获取到用户已有的账号信息，更多内容欢迎关注之后的文章