E企盈营销工具技术服务商 热线:4006-838-530

小程序之登录授权(小程序端处理)

E企盈直播平台营销卖货系统

登录组件组件的UI!–components/login/index.wxml–button bind:getuserinfo=”onGetUserInfo” open-type='{{openType}}’  plain='{{true}}’ class=”container”  slot name=”img”/slot/button清除button的原始样式.container{  padding: 0 !important;  border:none !important;}定义组件的事件// components/login/index.jsComponent({  // 开启使用插拔式的结点  options: {    multipleSlots: true  },  /**   * 组件的属性列表   */  properties: {    openType:{      type: String    }  },  /**   * 组件的初始数据   */  data: {  },  /**   * 组件的方法列表   */  methods: {    onGetUserInfo(event){      this.triggerEvent(‘getuserinfo’, event.detail, {})    }  }})登录页面使用登录组件view class=”container”  !– 登录组件 —    img-btn-cmp wx:if=”{{!hasUserInfo}}” open-type=”getUserInfo” class=”avatar-position” bind:getuserinfo=”onGetUserInfo”      image slot=”img” class=”avatar” src=”/components/images/my.png” /   /img-btn-cmp  !– 登录后使用open-data —  view class=”avatar-container avatar-position”      image src=”{{userInfo.avatarUrl}}” wx:if=”{{hasUserInfo}}” class=”avatar” /      open-data wx:if=”{{hasUserInfo}}” type=”userNickName”/open-data  /view/view登录授权逻辑// pages/me/me.jsPage({  /**   * 页面的初始数据   */  data: {    hasUserInfo: false,    userInfo: null  },  onLoad: function() {    // 页面加载时使用用户授权逻辑,弹出确认的框      this.userAuthorized()  },  userAuthorized() {    wx.getSetting({      success: data = {          if( data.authSetting[‘scope.userInfo’] ){          wx.getUserInfo({            success: data = {              this.setData({                hasUserInfo: true,                userInfo: data.userInfo              })            }          })        }else{          this.setData({            hasUserInfo: false          })        }      }    })  },  onGetUserInfo(event) {    const userInfo = event.detail.userInfo    if (userInfo) {      wx.login({        success:function(res_1){          console.log(res_1)          wx.getUserInfo({            success: function(res_2) {              console.log(res_2)              // 发给服务器的数据              }          })        }      })        this.setData({        hasUserInfo: true,        userInfo: userInfo      })    }  }})wx.getSetting()回调函数返回数据登录状态图示登录未登录wx.getUserInfo()回调函数返回数据wx.login()函数返回值接下就是后台接受处理请求。后台的处理请查看我的下一篇博客 :小程序之登录授权(springboot做后端)

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 小程序之登录授权(小程序端处理)
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏