超级详细的微信小程序登录基于SpringBoot

基于SpringBoot的微信小程序登录前后端完整详解

---

文章目录

• 基于SpringBoot的微信小程序登录前后端完整详解
• 前言
• 一、java后台用什么判断微信用户？
• 二、微信小程序登录的具体流程
• • 1.官方流程图
  • 2.流程讲解以及代码实现
  • • 1.wx.login获取code
    • 2.利用接口获取openid
    • 3.利用wx.getUserProfile 获取用户信息
• 三、小程序完整登录流程
• 总结

---

前言

基于小程序库2.10.4版本之前：

此篇文章，针对的是很多看不懂微信官方文档，或者是刚入门小程序和java开发的开发者，教程也会非常详细的讲到我在实现这个功能时碰到的误区，以及详细的介绍整个流程。

在小程序库2.10.4之前，我们利用小程序进行登录时，不做商业处理的情况下，利用java对用户进行处理，我们需要使用到小程序的两个API。实际上用到了三个API，看自己的需求选择。wx.login wx.request wx.getUserProfile(wx.getuserInfo)

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、java后台用什么判断微信用户？

openid作为每个微信用户访问一个小程序时的唯一凭证，这里的openid只是针对一个微信用户和一个小程序，不同的用户针对不同的小程序的openid是不同的，但是一个用户在针对一个小程序登录时，openid是唯一的。

二、微信小程序登录的具体流程

1.官方流程图

2.流程讲解以及代码实现

1.wx.login获取code

wx.login是小程序的一个API库，可以直接利用js代码调用，每一次获取到的code都是不同的，因为他只是一个登录凭证，

      wx.login({ //发起请求
        success:(res)=>{ //请求成功赋值给变量
          if(res.code){ //变量获取code
            wx.request({
              url: '',  //这里是请求地址
              method:'POST',  //请求方式
              header:{
                'content-type':'application/x-www-form-urlencoded', //请求头信息 
              },
              data: {
                code: res.code, // 请求参数，login请求到的code
              },
              success(res){
              wx.setStorageSync('token', res.data.data)
              }
            })
          }
        }
      })
      },
      fall:res=>{
        console.log('失
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21