Node.js 创建最基本的 Web 服务器
文章目录
- Node.js 创建最基本的 Web 服务器 🚀🌐
- 一、Node.js Web 服务器概述
- 二、创建最基本的 Web 服务器 🖥️
- 解释代码：
- 三、如何运行服务器 💻
- 四、处理不同路由的请求 🚦
- 解释代码：
- 五、返回 HTML 页面和静态文件 📄
- 解释代码：
- 六、总结 📝
Node.js 创建最基本的 Web 服务器 🚀🌐
在 Web 开发中，创建一个基本的 Web 服务器是一个常见的任务。Node.js 提供了一个强大的内置模块 http，可以非常轻松地搭建一个简单的 Web 服务器。本文将介绍如何使用 Node.js 创建一个最基本的 Web 服务器，并深入了解每一行代码的作用。
一、Node.js Web 服务器概述
Node.js 是基于事件驱动和非阻塞 I/O 模型的，特别适合处理大量的并发请求。通过使用内置的 http 模块，开发者可以在服务器端创建 Web 应用程序，响应客户端请求并返回数据。
二、创建最基本的 Web 服务器 🖥️
首先，我们需要引入 http 模块来创建一个 HTTP 服务器，并使用该服务器监听客户端的请求。这里是一个简单的示例，展示了如何用 Node.js 创建一个最基本的 Web 服务器。
// 引入 http 模块
const http = require('http');
// 创建 HTTP 服务器
const server = http.createServer((req, res) => {
// 设置响应头
res.writeHead(200, { 'Content-Type': 'text/plain' });
// 向客户端返回响应内容
res.end('Hello, World!');
});
// 服务器监听端口 3000
server.listen(3000, () => {
console.log('服务器正在监听端口 3000...');
});
解释代码：
require('http')：引入 Node.js 内置的http模块，这个模块用于创建 Web 服务器。http.createServer()：创建一个 HTTP 服务器，传入一个回调函数，回调函数的两个参数是req（请求对象）和res（响应对象）。res.writeHead(200, { 'Content-Type': 'text/plain' })：设置响应头，200是 HTTP 状态码，表示请求成功，Content-Type设置为text/plain表示返回的是纯文本。res.end('Hello, World!')：结束响应并返回内容"Hello, World!"给客户端。server.listen(3000)：启动服务器，监听端口 3000，当服务器成功启动时，回调函数会执行，打印出一条信息，表示服务器正在监听。
三、如何运行服务器 💻
-
保存上面的代码为
server.js文件。 -
在命令行中，进入该文件所在的目录。
-
运行以下命令来启动服务器：
node server.js -
在浏览器中打开
http://localhost:3000，你应该可以看到浏览器显示 “Hello, World!”。
四、处理不同路由的请求 🚦
虽然上面的代码只是一个简单的 Web 服务器，但我们通常需要根据不同的 URL 路径来处理不同的请求。接下来，我们将扩展一下，处理不同的路由。
const http = require('http');
// 创建 HTTP 服务器
const server = http.createServer((req, res) => {
// 设置响应头
res.writeHead(200, { 'Content-Type': 'text/plain' });
// 判断请求路径，返回不同的响应
if (req.url === '/') {
res.end('欢迎来到首页！');
} else if (req.url === '/about') {
res.end('这是关于页面！');
} else {
res.end('找不到页面！');
}
});
// 服务器监听端口 3000
server.listen(3000, () => {
console.log('服务器正在监听端口 3000...');
});
解释代码：
req.url：请求对象的url属性包含了客户端请求的路径部分。if-else语句：根据不同的路径返回不同的内容。如果请求的是/路径，返回首页内容；如果请求的是/about，返回关于页面内容；否则返回 404 错误信息。
五、返回 HTML 页面和静态文件 📄
上面的例子仅仅是处理文本数据，但在实际 Web 开发中，我们需要返回更复杂的 HTML 页面或静态文件（如图片、CSS、JavaScript 文件等）。这里，我们来扩展一下代码，使其返回 HTML 内容。
const http = require('http');
const fs = require('fs');
const path = require('path');
// 创建 HTTP 服务器
const server = http.createServer((req, res) => {
// 获取请求的文件路径
let filePath = '.' + req.url;
// 默认返回 index.html 文件
if (filePath == './') {
filePath = './index.html';
}
// 设置文件扩展名
const extname = path.extname(filePath);
// 设置响应头
let contentType = 'text/html';
// 根据文件扩展名设置不同的 Content-Type
switch (extname) {
case '.js':
contentType = 'application/javascript';
break;
case '.css':
contentType = 'text/css';
break;
case '.json':
contentType = 'application/json';
break;
case '.png':
contentType = 'image/png';
break;
case '.jpg':
contentType = 'image/jpeg';
break;
case '.gif':
contentType = 'image/gif';
break;
}
// 读取文件并返回
fs.readFile(filePath, (err, content) => {
if (err) {
res.writeHead(404, { 'Content-Type': 'text/plain' });
res.end('文件未找到！');
} else {
res.writeHead(200, { 'Content-Type': contentType });
res.end(content);
}
});
});
// 服务器监听端口 3000
server.listen(3000, () => {
console.log('服务器正在监听端口 3000...');
});
解释代码：
fs.readFile(filePath, callback)：读取文件内容并返回给客户端。path.extname(filePath)：获取文件的扩展名，帮助我们判断文件类型。contentType：根据文件类型设置响应头中的Content-Type，例如 HTML 文件设置为text/html，JavaScript 文件设置为application/javascript。- 如果文件不存在，会返回 404 错误信息。
六、总结 📝
通过这篇文章，我们学习了如何使用 Node.js 创建一个最基本的 Web 服务器：
- 创建 Web 服务器：通过
http.createServer()方法创建一个 HTTP 服务器，并使用listen()方法监听指定端口。 - 处理请求：根据
req.url来判断用户请求的路径，并根据路径返回不同的响应内容。 - 返回静态文件：通过
fs模块读取 HTML、CSS、JS 等静态文件，并根据文件类型设置合适的响应头。
Node.js 提供了非常方便的工具来处理 HTTP 请求，适合用来快速开发 Web 服务器。随着需求的复杂化，您可以在此基础上扩展更多的功能，例如路由管理、请求处理等。
