首次登录并绑定手机号
- 前端:
- 用户点击登录按钮,触发登录流程。
- 调用
wx.login
获取code
。 - 提示用户输入手机号和验证码。
- 将
code
、手机号和验证码发送到后端。
- 后端:
- 接收前端发送的
code
、手机号和验证码。 - 使用
code
调用微信接口换取session_key
和openid
。 - 验证手机号和验证码的有效性。
- 如果验证通过,将手机号与
openid
绑定到数据库中。 - 生成一个登录态凭证(如JWT token),并返回给前端。
- 接收前端发送的
后续登录(使用code
直接登录)
- 前端:
- 用户点击登录按钮,触发登录流程。
- 调用
wx.login
获取code
。 - 将
code
发送到后端。 - 如果后端返回了有效的token,则存储token并视为登录成功;如果token无效或过期,则提示用户重新登录或自动重新发起登录流程。
- 后端:
- 接收前端发送的
code
。 - 使用
code
调用微信接口换取session_key
和openid
。 - 根据
openid
在数据库中查找绑定的手机号。 - 如果找到手机号,则验证登录态凭证(如JWT token)的有效性。
- 如果token有效,更新token的过期时间并返回给前端;如果token无效或过期,则重新生成一个新的token并返回
- 接收前端发送的
实现细节
- JWT Token:JWT是一种常用的登录态凭证,它可以在前后端之间安全地传递用户信息。可以使用开源库(如JSON Web Token for Java)来生成和验证JWT。
- Token过期:可以设置JWT的过期时间,并在每次验证token时检查其是否过期。如果过期,可以要求用户重新登录或自动重新发起登录流程以获取新的token。
- 用户体验:为了提高用户体验,可以在用户登录成功后设置一个较长的token过期时间,并在用户每次使用应用时自动刷新token的过期时间,以实现“永久登录”的效果。但这并不意味着真正的永久登录,因为用户仍然可能通过清除缓存、更换设备等方式导致登录态失效。