使用Express+Node.js搭建网站

作者：System 时间：2024年08月25日分类：所有,nodejs 字数：1089

这篇文章距离上次修改已过435天，其中的内容可能已经有所变动。

以下是使用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，你将看到你的网站。

以上步骤和代码构成了一个简单的网站，你可以根据需求添加更多的路由和功能。

使用Express+Node.js搭建网站

评论已关闭

推荐阅读