使用Express+Node.js搭建网站
以下是使用Express和Node.js搭建一个简单网站的步骤和示例代码:
- 初始化Node.js项目:
npm init -y
- 安装Express框架:
npm install express --save
- 创建一个名为
app.js
的文件,并写入以下代码:
// 引入Express
const express = require('express');
const app = express();
// 设置端口
const PORT = process.env.PORT || 3000;
// 中间件,用于处理JSON请求体
app.use(express.json());
// 静态文件路由
app.use(express.static('public'));
// 根路由
app.get('/', (req, res) => {
res.send('Hello World!');
});
// 监听端口,启动服务
app.listen(PORT, () => {
console.log(`Server is running on port ${PORT}`);
});
- 在项目根目录创建一个名为
public
的文件夹,用于存放静态文件如HTML、CSS、JavaScript等。 - 在
public
文件夹中创建一个名为index.html
的HTML文件,并写入基本的HTML结构:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>My Website</title>
</head>
<body>
<h1>Welcome to My Website</h1>
</body>
</html>
- 在终端中运行Node.js应用:
node app.js
- 打开浏览器,访问
http://localhost:3000
,你将看到你的网站。
以上步骤和代码构成了一个简单的网站,你可以根据需求添加更多的路由和功能。
评论已关闭