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...');
              });
              

              解释代码：

              1. require('http')：引入 Node.js 内置的 http 模块，这个模块用于创建 Web 服务器。
              2. http.createServer()：创建一个 HTTP 服务器，传入一个回调函数，回调函数的两个参数是 req（请求对象）和 res（响应对象）。
              3. res.writeHead(200, { 'Content-Type': 'text/plain' })：设置响应头，200 是 HTTP 状态码，表示请求成功，Content-Type 设置为 text/plain 表示返回的是纯文本。
              4. res.end('Hello, World!')：结束响应并返回内容 "Hello, World!" 给客户端。
              5. server.listen(3000)：启动服务器，监听端口 3000，当服务器成功启动时，回调函数会执行，打印出一条信息，表示服务器正在监听。

              三、如何运行服务器 💻

              1. 保存上面的代码为 server.js 文件。

              2. 在命令行中，进入该文件所在的目录。

              3. 运行以下命令来启动服务器：

                 node server.js
                 

              4. 在浏览器中打开 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...');
              });
              

              解释代码：

              1. req.url：请求对象的 url 属性包含了客户端请求的路径部分。
              2. 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...');
              });
              

              解释代码：

              1. fs.readFile(filePath, callback)：读取文件内容并返回给客户端。
              2. path.extname(filePath)：获取文件的扩展名，帮助我们判断文件类型。
              3. contentType：根据文件类型设置响应头中的 Content-Type，例如 HTML 文件设置为 text/html，JavaScript 文件设置为 application/javascript。
              4. 如果文件不存在，会返回 404 错误信息。

              六、总结 📝

              通过这篇文章，我们学习了如何使用 Node.js 创建一个最基本的 Web 服务器：

              1. 创建 Web 服务器：通过 http.createServer() 方法创建一个 HTTP 服务器，并使用 listen() 方法监听指定端口。
              2. 处理请求：根据 req.url 来判断用户请求的路径，并根据路径返回不同的响应内容。
              3. 返回静态文件：通过 fs 模块读取 HTML、CSS、JS 等静态文件，并根据文件类型设置合适的响应头。

              Node.js 提供了非常方便的工具来处理 HTTP 请求，适合用来快速开发 Web 服务器。随着需求的复杂化，您可以在此基础上扩展更多的功能，例如路由管理、请求处理等。

              
              （图片来源网络，侵删）
              
              （图片来源网络，侵删）