返回

Node.js入门：搭建一个简单的HTTP服务器

前端

Node.js是一个流行的JavaScript运行时环境，允许您在服务器端运行JavaScript代码。使用Node.js搭建HTTP服务器非常简单，只需几行代码即可完成。

搭建HTTP服务器

首先，您需要安装Node.js。您可以从Node.js官方网站下载安装程序。安装完成后，您可以在命令行中使用以下命令创建项目目录：

mkdir my-project
cd my-project

然后，使用以下命令在项目目录中安装Express框架：

npm install express

Express是一个流行的Node.js Web框架，可以帮助您快速搭建HTTP服务器。安装完成后，您可以在项目目录中创建一个名为app.js的文件，并输入以下代码：

const express = require('express');

const app = express();

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(3000, () => {
  console.log('Server is listening on port 3000');
});

这段代码使用Express框架创建了一个简单的HTTP服务器。当您运行以下命令时，服务器将在端口3000上启动：

node app.js

您可以使用浏览器访问http://localhost:3000来查看服务器是否正常运行。如果一切正常，您应该会看到"Hello World!"的字样。

处理HTML页面

接下来，让我们学习如何使用Node.js处理HTML页面。首先，您需要在项目目录中创建一个名为public的文件夹。然后，在public文件夹中创建一个名为index.html的文件，并输入以下代码：

<!DOCTYPE html>
<html>
<head>
  
</head>
<body>
  <h1>Welcome to My Website</h1>
</body>
</html>

这段代码创建了一个简单的HTML页面，其中包含一个标题和一些文本。

接下来，您需要在app.js文件中添加以下代码：

app.use(express.static('public'));

这段代码告诉Express框架在public文件夹中查找静态资源，例如HTML页面、CSS样式和JavaScript文件。

现在，当您在浏览器中访问http://localhost:3000时，您将看到index.html页面。

处理CSS样式

接下来，让我们学习如何使用Node.js处理CSS样式。首先，您需要在public文件夹中创建一个名为style.css的文件，并输入以下代码：

body {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  color: blue;
}

这段代码创建了一个简单的CSS样式表，其中包含一种字体和一种颜色。

接下来，您需要在index.html文件中添加以下代码：

<head>
  <link rel="stylesheet" href="style.css">
</head>

这段代码告诉浏览器加载style.css样式表。

现在，当您在浏览器中访问http://localhost:3000时，您将看到index.html页面，其中包含蓝色的标题。

处理JSON数据

接下来，让我们学习如何使用Node.js处理JSON数据。首先，您需要在项目目录中创建一个名为data.json的文件，并输入以下代码：

{
  "name": "John Doe",
  "age": 30,
  "occupation": "Software Engineer"
}

这段代码创建了一个简单的JSON数据对象，其中包含一个人的姓名、年龄和职业。

接下来，您需要在app.js文件中添加以下代码：

app.get('/data.json', (req, res) => {
  res.json(data);
});

这段代码告诉Express框架在/data.json路径上处理GET请求，并返回data.json文件中的JSON数据。

现在，当您在浏览器中访问http://localhost:3000/data.json时，您将看到data.json文件中的JSON数据。

处理静态资源

最后，让我们学习如何使用Node.js处理静态资源。静态资源是指不