首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >1 小程序开发 - 获取用户登录信息

1 小程序开发 - 获取用户登录信息

作者头像
用户5927264
发布2019-08-01 10:57:26
1.9K0
发布2019-08-01 10:57:26
举报
文章被收录于专栏:OSChinaOSChina
// pages/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    msg: "小小小施爷",
    userInfo: null,
    isShow: true
  },

  handlerParent(){
    console.log("父节点");
  },
  handlerChild(){
    console.log("子节点");
  },

  /**
  * 回调获取用户信息的函数
  */
 onGotUserInfo: function (data) {
     console.log("当前用户点击了",data);
     console.log(data.detail.userInfo);
     if (data.detail.userInfo){
           //当前用户点击的是允许
          this.setUserInfo();
     }
 },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
       console.log("onload 监听页面加载");
       
       this.setUserInfo();
  },

 /**
 * 设置用户信息
 */
  setUserInfo(){
       //判断用户是否已经授权了
       wx.getSetting({
            success: (data) => {
                 console.log(data);
                 if (data.authSetting['scope.userInfo']) {
                      //用户已经授权
                      this.setData({
                           isShow: false
                      });
                 } else {
                      //用户没有授权
                      this.setData({
                           isShow: true
                      })
                 }
            }
       });

       //获取登陆用户的信息
       wx.getUserInfo({
            success: (data) => {
                 console.log(data);
                 this.setData({
                      userInfo: data.userInfo
                 });
            },
            fail: (data) => {
                 console.log("获取用户信息失败" + data);
            }
       });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
       console.log("onReady 页面初次渲染完成");
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
       console.log("onShow 页面显示");
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
       console.log("onHide 页面隐藏");
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
       console.log("onUnload 页面卸载");
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
       console.log("onPullDownRefresh 监听用户下拉动作");
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
       console.log("onReachBottom 事件的处理函数");
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
       console.log("onShareAppMessage 点击右上角分享");
  }
})
<!--pages/index/index.wxml-->
<view class='indexContainer'>
  <image class='avatar' src='{{userInfo.avatarUrl}}'></image>
  <text class='userName'>hello {{userInfo.nickName}}</text>
  <view class='goStudy' catchtap='handlerParent'>
    <text catchtap='handlerChild'>open App</text>
  </view>
  <button style='display: {{isShow?"block":"none"}}' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo">获取用户信息</button>
</view>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档