uni-app微信一键登录开发流程

177 阅读1分钟

1.创建一个按钮并添加触发点击事件

<button type="primary" @click="getUserInfo">一键登录</button>

2.触发后,调用调用官方uni.getUserProfile() 方法获取用户信息,会返回一定的参数

3. 调用uni.login() 方法获取临时登录凭证code,code码是确认用户身份的。

4. 调用后端的登录接口将code 传过去,后端会返回一个token

5. 传递好code码之后,换取unionID OpenID session key

6.补充

  • token 可用于判断用户是否已登录,以及作为后续的访问凭证
  • uni.getUserProfile是什么: 获取用户信息,每次请求都会弹出授权窗口,用户同意后返回userInfo
  • uni-app存储token是放在uni.setStorage(OBJECT)里面的,里面有一个key值。