uniapp登录调用接口获取token
时间: 2023-08-05 09:06:56 浏览: 88
首先,你需要在服务端编写一个登录接口,用于验证用户的账号密码是否正确,并返回一个 token。接口的实现方式可以使用任何一种后端语言实现,比如 PHP、Java、Python 等。
下面以 PHP 为例,展示一个简单的登录接口示例:
```php
<?php
// 获取 POST 请求中的账号和密码
$username = $_POST['username'];
$password = $_POST['password'];
// 进行登录验证,这里假设账号密码都是 admin
if ($username === 'admin' && $password === '123456') {
// 登录成功,生成 token
$token = md5($username . $password . time());
$result = array('code' => 0, 'msg' => '登录成功', 'data' => array('token' => $token));
} else {
// 登录失败
$result = array('code' => -1, 'msg' => '账号或密码错误', 'data' => array());
}
// 返回 JSON 格式的结果
echo json_encode($result);
```
在客户端中,你可以使用 uni.request 方法发送登录请求,示例代码如下:
```javascript
uni.request({
url: 'http://example.com/login.php',
method: 'POST',
data: {
username: 'admin',
password: '123456'
},
success: function(res) {
if (res.data.code === 0) {
// 登录成功,保存 token 到本地存储中
uni.setStorageSync('token', res.data.data.token);
} else {
// 登录失败,弹出错误提示框
uni.showToast({
title: res.data.msg,
icon: 'none'
});
}
},
fail: function(err) {
// 网络请求失败,弹出错误提示框
uni.showToast({
title: err.errMsg,
icon: 'none'
});
}
});
```
在登录成功后,将服务器返回的 token 保存到本地存储中,以备后续请求接口时使用。注意,这里只是一个简单示例,实际应用中需要对用户的账号密码进行更加严格的验证,并采取一定的安全措施,以防止被攻击。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)