微信小程序 如何实现登录

业务流程：

1：首先需要一个按钮触发事件

4：拿到的个人信息调用后台的接口，把个人信息传给后台，登录成功并把相关信息存储在本地的缓存中，方便之后的开发使用

下面开始用代码介绍

wxml：

<view>
    <button bindtap="login">登录</button>
</view>

js：

1：data初始数据

//后台接口需要的一下参数（具体要和后台的同事商量）    
loginInfo: {
      code: ,
      spread_spid: 0,
      spread_code: 0
}

2：按钮触发的login点击事件，

3：调用后台的登录接口，

wx.setStorageSync() ：将数据存储在本地缓存中，

wx.getStorageSync(token) ：获取本地缓存的数据

//调用后台的登录接口
  handlerLogin( loginInfo ) {
    let that = this
    //login是后台接口封装的方法
    login( loginInfo ).then(( res ) => {
      console.log(登录成功, res)
      let { cache_key, expires_time, token, userInfo } = res.data
       //把用户信息存储到storage中，方便其它地方使用
      wx.setStorageSync(cache_key, cache_key)
      wx.setStorageSync(expires_time, expires_time)
      wx.setStorageSync(token, token)
      wx.setStorageSync(isLog, true)
      wx.setStorageSync(userInfo, JSON.stringify( userInfo ))
      wx.setStorageSync(loginRecord, new Date().getTime())
    })
    .catch(( res ) => {
      console.log(catch, res)
    })
    .finally(() => {
      console.log(finally)
    })
  }