关于uniapp小程序端微信第三方登录笔记

188 阅读1分钟

在uniapp当中进行微信小程序的微信第三方登录

第一步

首先需要在必须要点击的button元素中添加 open-type="getUserInfo" 与 @getuserinfo="wxlogin"属性,"wxlogin"事件名可自定义,在wxlogin事件当中可接受一个形参,此形参便是用户的基本信息

第二步

在wxlogin事件当中进行uni.login(OBJECT) api的调用,此函数传入一个对象作为参数

provider://为登录服务提供商(weixin/qq/sinaweibo)

在回调函数success中获取回调成功的code值,此code值为用户登录凭证。开发者需要在开发者服务器后台,使用 code 换取 openid 和 session_key 等信息

第三步 发送携带code字段的请求返回给后端

将code提取出来并保存之后,使用api文档接口中的登录接口,并将code传回给后端

uni.request({
    url:"xxx/xxx/xxx" + code,
    data:{},
    method:"POST",
    success(e){
    this.userinfo = e
    }
})

随后将success回调当中返回的用户信息进行保存后再渲染就完成了