构建融合服务门户中的登录功能
小王：嘿，小李，我正在开发一个融合服务门户，但是卡在了登录功能上，你能帮我一下吗？
小李：当然可以！首先，我们需要确定的是你使用的技术栈是什么？是前端用React，后端用Node.js吗？
小王：对，就是这样。
小李：好的，那我们先从后端开始。你需要一个用户认证系统，可以使用JWT（JSON Web Tokens）来处理用户的登录状态。
小王：了解了，那后端的代码怎么写呢？
小李：假设你已经有一个用户模型，你可以创建一个路由来处理登录请求。这是使用Express框架的简化示例：
{<pre>
const express = require('express');
const jwt = require('jsonwebtoken');
const bcrypt = require('bcryptjs');
const app = express();
app.use(express.json());
// 假设这是你的用户数据库模型
const User = require('./models/User');
app.post('/login', async (req, res) => {
const { username, password } = req.body;
const user = await User.findOne({ username });
if (!user || !bcrypt.compareSync(password, user.password)) {
return res.status(400).send('Invalid credentials.');
}
const token = jwt.sign({ id: user._id }, 'your-secret-key', { expiresIn: '1h' });
res.json({ token });
});
</pre>}
小王：这个看起来不错，那前端部分怎么做呢？
小李：前端部分，你可以使用fetch或者axios来发送登录请求，并根据后端返回的token来设置本地存储或cookie。
{<pre>
import axios from 'axios';
const login = async (username, password) => {
try {
const response = await axios.post('/login', { username, password });
localStorage.setItem('token', response.data.token);
console.log('Login successful!');
} catch (error) {
console.error('Login failed:', error.response.data);
}
};
</pre>}
小王：谢谢小李，这样我就知道该怎么做了！
本站知识库部分内容及素材来源于互联网，如有侵权，联系必删！