uniapp开发小程序调用登录获取用户信息
时间: 2023-12-24 11:05:36 浏览: 187
要在uniapp开发的小程序中调用登录获取用户信息,需要进行以下步骤:
1. 在小程序的app.vue中添加onLaunch函数,该函数会在小程序启动时执行。在该函数中调用uni.login()方法进行登录。
2. 在登录成功后,调用uni.getUserInfo()方法获取用户信息。
3. 将获取到的用户信息存储到小程序的全局变量中,以便在其他页面中使用。
下面是示例代码:
```
// app.vue
export default {
onLaunch: function () {
// 登录
uni.login({
success: function (res) {
if (res.code) {
// 发起网络请求,获取用户信息
uni.getUserInfo({
success: function (res) {
console.log(res.userInfo);
// 将用户信息存储到全局变量中
uni.setStorageSync('userInfo', res.userInfo);
}
});
} else {
console.log('登录失败!' + res.errMsg);
}
}
});
}
}
```
在其他页面中,可以通过uni.getStorageSync('userInfo')方法获取保存的用户信息。
```
// other.vue
export default {
onShow: function () {
// 获取用户信息
let userInfo = uni.getStorageSync('userInfo');
console.log(userInfo);
}
}
```
阅读全文