微信小程序学习笔记(一):登陆态

//app.js
//首先根据checkSession判断登陆态也就是sessionkey有没有过期
App({
  onLaunch: function () {
    // 展示本地存储能力
    var logs = wx.getStorageSync('logs') || []
    logs.unshift(Date.now())
    wx.setStorageSync('logs', logs)

//微信自带函数用于检测当前session是否过期
  onLoad:wx.checkSession({
            success: function (res) {
             console.log("处于登录态");
            },
            fail: function (res) {
             console.log("需要重新登录");
              wx.login({
                success: res => {
                  if (res.code) {
                    console.log(res.userInfo)
                    wx.request({
                      url: 'http://127.0.0.1:5000/test', //接口地址
                      method: "post",
                      data: {
                        "code": res.code,
                      },
                      header: {
                        'content-type': 'application/json' // 默认值
                      },
                      success: function (res) {//来自url的json
                        wx.setStorageSync('openid', res.data.openid)
                        console.log(res)
                        wx.setStorage({
                          key: "sessionKey",
                          data: res.data.session_key
                        })
                        if (res.data['status'] == '2') {
                          wx.redirectTo({
                            url: '/pages/first/first',  //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀
                            success: function (e) {
                              console.log(e)
                            },       //成功后的回调;
                            fail: function (e) {
                              console.log(e)
                            },         //失败后的回调;
                            complete: function () { }    //结束后的回调(成功,失败都会执行)
                          })
                          console.log(res.data['status'])
                        } else if (res.data.status == '1') {
                          console.log('没有授权请授权')
                          wx.showModal({
                            title: '提醒',
                            content: '请授权使用您的手机号',
                          })
                        }
                      }
                    })
                  }
                }
              })
           }
        })
    


    // 判断seession_key后,获取调用wx.getsetting获取用户信息
wx.getSetting({  
      success: res => {
        console.log("我在getsetting")
        if (res.authSetting['scope.userInfo']) {
          // 已经授权,可以直接调用 getUserInfo 获取头像昵称,不会弹框
          wx.getUserInfo({
            success: res => {              
              // 可以将 res 发送给后台解码出 unionId
              this.globalData.userInfo = res.userInfo
              wx.getStorage({
                  key: 'openid',
                  success: function(res) {
                  console.log(res.data)
                },
              })
              wx.redirectTo({
                url: '/pages/first/first',  //跳转页面的路径,可带参数 ?隔开,不同参数用 & 分隔;相对路径,不需要.wxml后缀
                success: function (e) {
                  console.log(e)
                },       //成功后的回调;
                fail: function (e) {
                  console.log(e)
                },         //失败后的回调;
                complete: function () { }    //结束后的回调(成功,失败都会执行)
              })   
              // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回
              // 所以此处加入 callback 以防止这种情况
              if (this.userInfoReadyCallback) {
                this.userInfoReadyCallback(res)
              }
            }
          })
        }
      }
    })
  },
  globalData: {
    userInfo: null
  }, 
})

在这里插入图片描述

  • openid作为用户唯一标识,但是为了安全起见,建议自定义登陆标识来表明用户身份,可对openid进行加密
发布了71 篇原创文章 · 获赞 204 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/qq_44198436/article/details/104039741