uniapp获取用户登录信息的实现

用户登录需要拿到以下参数，因为getUserInfo已经不再有弹出层了，使用我们改用getUserProfile获取数据

1.点击登录按钮获取微信用户的基本信息:

<button type="default" v-on:click="dianji()">一键登录</button>

2.在methods节点中声明getUserInfo事件处理函数

methods:{dianji(){uni.getUserProfile({desc: '用于完善用户资料', success(e) {console.log(e.userInfo);},fail() {uni.showToast({icon:null,title:'您取消了登录授权'})}})}}

3.获取code参数：

const [err,res] = await uni.login().catch(err=>err);
if(res.errMsg !== 'login:ok'){return uni.showToast({title:'登录失败!'})
}
console.log(res.code);

4.把5个参数放在data的一个对象当中

data() {return {query:{code:'',encryptedData:'',iv:'',signature:''},userInfo:{}};
},

methods:{dianji(){var that = this;uni.getUserProfile({desc: '用于完善用户资料', success(e) {//保存参数信息that.get();that.query.encryptedData = e.encryptedData;that.query.iv = e.iv;that.query.signature = e.signature;that.query.rawData = e.rawData;//保存用户信息that.userInfo = e.userInfo;},fail() {uni.showToast({icon:null,title:'您取消了登录授权'})},});},async get(){const [err,res] = await uni.login().catch(err=>err);if(err || res.errMsg !== 'login:ok'){return uni.showToast({title:'登录失败!'})}console.log(res.code);this.query.code = res.code;}}

5个参数已经全部保存在data下的query对象当中

5.将code传给后台处理：

methods:{dianji(){var that = this;uni.getUserProfile({desc: '用于完善用户资料', success(e) {//保存参数信息that.get().then(res=>{that.query.encryptedData = e.encryptedData;that.query.iv = e.iv;that.query.signature = e.signature;that.query.rawData = e.rawData;//保存用户信息that.userInfo = e.userInfo;console.log('发送请求');uni.request({url:'http://localhost:3000/test?code='+that.query.code,method:'GET',success(res) {console.log(res);}})})},fail() {uni.showToast({icon:null,title:'您取消了登录授权'})},});},
async get(){const [err,res] = await uni.login().catch(err=>err);if(err || res.errMsg !== 'login:ok'){return uni.showToast({title:'登录失败!'})}this.query.code = res.code;console.log('code'+this.query.code);
}
}

uniapp获取用户登录信息的实现相关推荐

微信小程序例子——获取用户登录信息
1.效果展示 2.关键代码 .wxml布局文件代码用户昵称:{{nickName}} 用户头像: 性别:{{sex}} 所在地址(省):{{province}} 所在地址(市):{{city}} . ...
VUE：vue通过cookie获取用户登录信息
思路进入页面若未登录,跳转至登陆页面若已登录,从cookie中获取用户信息,并执行后续操作 1. 登录页面,存入cookie(setCookie) import {setCookie,getCo ...
dorado获取用户登录信息
3.10.获取登录用户信息 Skip to end of metadata Added by jacky.gao@bstek.com, last edited by william.jiang@bst ...
飞鱼开发框架(四) 窗体自动获取用户登录信息
为了在整个项目中能够方便的获取登录后用户的信息,在飞鱼框架中将用户登录后的相关信息保存后可以通过窗体继承no1.common.window.BaseForm这个窗体来获取.使用的时候就像读取全局变量一 ...
uniApp获取用户位置信息两种方法
1.使用uni.chooseLocation获取用户信息 uni.chooseLocation({success: (res) => {console.log('位置名称:' + res.nam ...
微信授权登录，authorize不执行；uniapp 获取用户信息权限失败；无法通过wx.getUserInfo与＜button open-type=“getUserInfo“/＞获取用户个人信息
微信登录的接口又又又又改了微信官方本次修改说明 wx.getUserProfile 小程序的open-data uniapp的open-data 为优化用户的使用体验,平台将进行以下调整: 202 ...
Uniapp实现小程序获取用户微信信息功能
Uniapp实现小程序获取用户微信信息功能实现后发现其实这个功能实现起来非常简单,但是,在实现这个功能的过程中真的好多坑啊,可能是我菜吧. 1.获取uniapp的appid和微信小程序的appid, ...
uniapp开发获取用户位置信息功能解析
uniapp开发获取用户位置信息功能解析问题描述 uniapp相关接口 1.uni.authorize 提前向用户发起授权请求. 接口描述及demo演示 2.uni.getLocation 获取当前 ...
uni-app 对接微信小程序获取用户个人信息和获取用户手机号码
第一次对接小程序授权的时候以为能一进入这个项目就要调用获取授权信息,后面写好逻辑之后提交审核,一直审核不通过,后面查了原因之后才发现不能一进入页面就调用授权,而且项目需要个人信息和手机号码两个都要获取 ...

uniapp获取用户登录信息的实现

uniapp获取用户登录信息的实现相关推荐

最新文章

热门文章