首先button获取用户基本信息:

 <button type="primary" open-type="getUserInfo" @getuserinfo="getUserInfo">登录</button>

open-type="getUserInfo" 获取用户信息,可以从@getuserinfo回调中获取到用户信息,包括头像、昵称等信息(微信小程序、百度小程序、QQ小程序)

@getuserinfo用户点击该按钮时,会返回获取到的用户信息,从返回参数的detail中获取到的值同uni.getUserInfo(微信小程序)

getUserInfo函数接收到一个对象,对象里面会有简单的用户信息,如用户名,用户头像这些,这些并不能作为登录的依据

api获取唯一code

uni.login 不支持H5,注意了。

数据要求,微信登录要有一个生成的唯一code,方法只能用api获取

uni.login({
  provider: 'weixin',
  success: function (loginRes) {
    console.log(loginRes.code);
  }
});

login回调会返回一个对象,里面的cod属性为生成的唯一的code

发起请求

微信要求请求中要有两个值,一个是用户头像,一个是用户昵称,具体我也不太清楚是不是真的需要,我也不是后端,这两个信息通过开头的button按钮事件就可以获取到,唯一的code也通过api获取到了

在login里面的success回调里发起uni.request(),然后等待后端给你返回数据。

判断数据是否是需要的内容,然后觉定用户是否登录,主要还是需要后端搭配,前端发请求,没办法直接微信登录。

分类: UNI-APP 标签: 暂无标签

评论

暂无评论数据

暂无评论数据

目录