微信小程序学习13--小程序登录流程分析及实现

最新推荐文章于 2023-02-21 12:08:59 发布

木蓝茶陌*_*

最新推荐文章于 2023-02-21 12:08:59 发布

阅读量232

点赞数

分类专栏：小程序文章标签：小程序登录登录流程登录实现获取用户授权信息

本文链接：https://blog.csdn.net/jyn15159/article/details/109982979

版权

小程序专栏收录该内容

15 篇文章 1 订阅

订阅专栏

小程序登录

登录流程分析

在这里插入图片描述

登录实现

实现步骤：

获取用户授权信息：

<button @getuserinfo="getInfo" open-type="getUserInfo" type="primary">微信登录</button>

能够给回调函数获取授权信息

getInfo (ev) {
  // 通过按钮的事件监听获取当前微信登录者的信息
  // console.log(ev);

  // 将获得的用户相关信息，解构出来
  const {
    iv,
    encryptedData,
    rawData,
    signature
  } = ev.detail;

  // 2. 将获取的登录者的信息发送到服务端，换取 token
  this.getToken(iv, encryptedData,rawData, signature);
}

调用后台接口进行登录

async getToken (iv, encryptedData,rawData, signature) {

  // 调用 wx.login 获取登录凭证 code
  const [err, res] = await uni.login();
  // console.log(res)

  // 调用后端接口，获取 token
  const {message} = await this.request({
    url: '/api/public/v1/users/wxlogin',
    method: 'post',
    data: {
      encryptedData,
      iv,
      rawData,
      signature,
      code: res.code
    }
  })

  // 将获取的 token 存入本地
  uni.setStorageSync('token', message.token);

  // 返回上一页
  uni.navigateBack();
}
token', message.token);

  // 返回上一页
  uni.navigateBack();
}