微信小程序登录流程

一.登录流程总结

总共分为三个步骤，但是为了用户体验我们需要整合为一键登录
1.第一步获取用户授权，
2.登录微信，
2.获取到用户的信息后，使用这些信息去登录到我们自己的服务里

二.代码

1.wxml

一键登录

2.js

//一键登录
//授权
  alllogin(event) {
    console.log(event)
    let detail = event.detail
    this.setData({
      userName: detail.userInfo.nickName,
      imgUrl: detail.userInfo.avatarUrl
    })
    //登录微信
    wx.login({
      success: (res) => {
        console.log(res)
        let code = res.code

        //  登录
        let url = '/user/login'
        let data = {
          code,
          iv: detail.iv,
          encryptedData: detail.encryptedData
        }
        app.$http.post(url, data).then(res => {
          console.log(res)
          wx.setStorageSync('token', res.user.token)
          this.setData({
            token: res.user.token
          })
        })
      },