uniapp 获取微信用户信息
时间: 2024-09-09 11:15:59 浏览: 64
uniapp写微信小程序,获取openId、unionId总结
UniApp是一个基于Vue.js的跨平台框架,它允许开发者构建一次,多端部署的应用。若要在UniApp中获取微信用户的个人信息,你需要集成微信小程序的JS-SDK,并通过`wx.login()`和`wx.getUserInfo()`这两个API来实现。
首先,需要在uni-app项目配置文件`config.json`中添加微信登录的相关权限:
```json
{
"window": {
"backgroundTextStyle": "light",
"navigationBarBackgroundColor": "#fff",
"navigationBarTitleText": "UniApp",
"navigationBarTextStyle": "black",
"miniProgram": {
"enable": true,
"preLaunchTask": ""
}
},
"plugins": {
"wx统一下发": {
"version": "1.6.0"
}
},
"uniCloud": {}
}
```
然后,在JavaScript部分,引入微信JSSDK并进行授权:
```javascript
Page({
onReady() {
uni login({
success(res) {
// 登录成功后,可以调用微信getUserInfo获取用户信息
uni getUserInfo({
success: async (res) => {
let userInfo = res.userInfo;
// 检查用户是否授权,处理获取到的信息
if(userInfo){
console.log('获取到的微信用户信息:',userInfo);
} else {
uni.showToast({
title: '您还未授权获取微信信息',
icon: 'none'
});
}
},
fail(err) {
console.error('获取用户信息失败:', err);
}
});
},
fail(err) {
uni.showToast({
title: '登录失败',
icon: 'none'
});
}
});
}
})
```
当用户点击同意授权后,`onSuccess`回调会触发,你可以在这里获取到用户的微信头像、昵称等信息。如果用户拒绝授权,你会在`fail`回调里看到错误信息。
阅读全文