微信小程序登录流程（自定义账号绑定功能）

最新推荐文章于 2024-07-29 12:03:59 发布

盛夏温暖流年

最新推荐文章于 2024-07-29 12:03:59 发布

阅读量7.9k

点赞数 1

分类专栏：微信小程序文章标签：小程序绑定登录流程

本文链接：https://blog.csdn.net/j1231230/article/details/109403086

版权

本文详细介绍了微信小程序的登录流程，特别是在账号数据预置的情况下如何处理用户登录后的绑定状态验证。登录流程包括调用wx.login获取code，后端通过code换取openId判断绑定状态。已绑定用户，后端生成加密token并返回；未绑定用户，需要处理code的二次使用问题。此外，还阐述了用户绑定操作的处理流程和相关微信小程序开发的其他博客资源。

摘要由CSDN通过智能技术生成

小程序可以通过微信官方提供的登录能力方便地获取微信提供的用户身份标识，快速建立小程序内的用户体系。

登录整体流程如下图所示，如果是常规的登录，按照这个流程就很完善了。

在这里插入图片描述

但是我目前做的项目的账号数据是预置的，所以在微信登录成功后，需要同时验证绑定状态，绑定成功后，才允许用户进行下一步的操作。

具体判断流程如下：

1.判断绑定状态

首先调用登录API wx.login() 获得 code，发送给开发服务器后端。

后端根据 code 换取 openId，之后以 openId 为关键词查询库表信息，判断绑定状态并返回给前端进行处理。

	// 登录
    wx.login({
   
      success: res => {
   
        this.globalData.isLogin = true;
        // 发送 res.code 到后台换取 openId
        // 这里对请求操作进行封装，内部使用 wx.setStorageSync 实现了 token 的存储
        loginModel.login(res.code).then(response => {
   
        	const result = response.data;
        	// 对不同绑定状态的处理，代码见下面的 “步骤2” 和 “步骤3”
          	...
        })
      }