小程序基础学习(登录)(重点核心)

发布时间:2024年01月17日

首先,获取用户获取code,然后带着code向服务器发送请求,并把返回的token存入缓存中

然后,判断token是否过期如果过期则要重新登录

页面代码

<!--pages/me/me.wxml-->
<navigation-bar title="牧原" back="{{false}}" color="black" background="#FFF"></navigation-bar>
// pages/login/login.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

    const token = wx.getStorageSync('token')
    if(token){
      this.wxAuth()
      console.log("已经登录")
      //其他业务逻辑
    }
    else{
      this.wxLogin()
      this.wxAuth()
    }
  },
  wxLogin(){
    wx.login({
      success: (res) => {
        const code = res.code
        wx.request({
          url: 'http://123.207.32.32:3000/login',
          data:{
            code
          },
          method:"POST",
          success:(res)=>{
            const token = res.data.token
            wx.setStorageSync('token', token)
          }
        })
      },
    })
  },
  //判断token是否过期
  wxAuth(){
    const token = wx.getStorageSync('token')
    const res =  wx.request({
      url: 'http://123.207.32.32:3000/auth',
      header:{
        token:token
      }
    })
    if(token && res.message ==="已登录" )
    {
      console.log("已完成登录")
    }else
    {
      this.wxLogin
    }
 },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})
/* pages/login/login.wxss */
{
  "usingComponents": {   "navigation-bar": "/components/navigation-bar/navigation-bar"}
}
文章来源:https://blog.csdn.net/m0_64908546/article/details/135611058
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。