uniapp最新小程序登录方法
时间: 2023-10-09 22:13:12 浏览: 83
使用 UniApp 实现小程序的微信登录功能
Uniapp最新小程序登录方法:
1. 在app.vue中引入uni.login()方法,获取code:
```
onLaunch: function () {
uni.login({
success: function (res) {
if (res.code) {
console.log('获取用户登录凭证:' + res.code);
} else {
console.log('登录失败!' + res.errMsg);
}
}
});
}
```
2. 将code发送到后台,后台调用微信API,获取openid和session_key:
```
const appid = 'appid';
const secret = 'secret';
const js_code = code;
const grant_type = 'authorization_code';
uni.request({
url: `https://api.weixin.qq.com/sns/jscode2session?appid=${appid}&secret=${secret}&js_code=${js_code}&grant_type=${grant_type}`,
success: (res) => {
console.log(res.data);
// 获取openid和session_key
}
});
```
3. 将openid和session_key存储到本地或服务器:
```
uni.setStorageSync('openid', openid);
uni.setStorageSync('session_key', session_key);
```
4. 登录成功后,将openid和session_key发送到后台,后台进行验证,返回token:
```
// 后台代码示例
const openid = req.body.openid;
const session_key = req.body.session_key;
const token = jwt.sign({ openid: openid }, 'secret', { expiresIn: '1h' });
res.json({ token: token });
```
5. 将token存储到本地或服务器,并在每次请求时携带token进行验证。
阅读全文