在线绘制时序图

online draw https://www.fly63.com/tool/drawsvg/index.html#
Author https://bramp.github.io/js-sequence-diagrams/

以微信小程序登录流程为例:

小程序->格灵 server: wx.login() \n code + appid
格灵 server -> 微信 server: auth.code2Session 接口 \n appid + secretid + code
微信 server -> 格灵 server: 用户 openid、unionId 等等
Note over 格灵 server: 后端检测用户是否注册过
Note over 格灵 server: 已注册:返回 token
格灵 server-->小程序: token
Note left of 小程序: 存储 token \n 跳转游戏码页面
Note over 格灵 server: 未注册：走注册流程

格灵 server-->小程序: 通知用户为新用户
Note over 小程序: 弹窗申请获取用户手机号 \n wx.getPhoneNumber()
小程序->格灵 server: getPhoneNumber code
格灵 server -> 微信 server: phonenumber.getPhoneNumber 接口 \n access_token + getPhoneNumber code
微信 server -> 格灵 server: 用户手机号、区号等
Note over 格灵 server: 利用手机号等信息注册
格灵 server->小程序: 注册成功: 返回 token + userid
Note left of 小程序: 存储 token
Note over 小程序: 用户填写昵称 头像 性别等信息
小程序 -> 格灵 server: userid + 用户信息
Note over 格灵 server: 更新用户基础信息
格灵 server->小程序: 完成注册
Note left of 小程序:  跳转游戏码页面

Note over 小程序: 登录状态
小程序->格灵 server: 业务接口 \n 请求头携带 token
Note over 格灵 server: token 过期
格灵 server->小程序: 401

Note over 格灵 server: 回到第一步 wx.login()