6-3 轻松启动-服务器搭建与Node.js的应用

汇报人：xxx时间：2026技能补强轻松启动——服务器搭建与Node.js的应用技能知识011.认识服务器技能知识服务器是一种能够稳定提供服务的计算机。在网页开发中，客户端（例如浏览器）通过网络请求（例如HTTP请求）向服务器索取资源，服务器接收到请求后，返回相应的资源（HTML、CSS、JavaScript、图片等静态文件）或通过执行服务器端脚本生成动态页面。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。它允许在服务器端运行JavaScript代码，应用JavaScript在服务器上处理数据、执行逻辑，并与客户端（如浏览器）进行交互。（1）安装Node.js可以通过访问Node.js官网下载并安装最新Node.js的版本。安装完成后，在终端执行以下命令检查是否安装成功：

node-v如果出现版本号如图所示，表示成功完成了Node.js的安装。

2.什么是Node.js？2.什么是Node.js？技能知识

npminstallhttp-server-g执行上述用于全局安装http-server的命令后，再执行以下命令：

http-server-p8090可以在手机浏览器地址栏中输入服务器运行提示的IP地址和端口号（按你当前服务器显http的IP地址），如左图所示，单击搜索按钮即可查看当前目录下的内容，如右图所示。

2.什么是Node.js？技能知识（2）Node.js的特点Node.js使用非阻塞I/O模型，允许服务器同时处理多个请求，提高资源利用率。Node.js自身支持Windows、Linux和macOS等多种操作系统。Node.js拥有活跃的社区和丰富的第三方模块，可以通过NPM（即NodePackageManager）轻松安装和管理。（3）Node.jsHTTP模块概述

Node.js的HTTP模块是一个内置模块，用于创建HTTP服务器和客户端。通过该模块，开发者可以处理HTTP请求和响应，从而实现Web服务的基本功能。HTTP模块的核心功能如下。创建HTTP服务器，监听特定端口的请求。处理HTTP请求，并返回相应的响应。提供请求和响应对象，用于访问请求数据和设置响应内容。3.搭建HTTP服务器技能知识

Node.js允许开发者创建轻量级的HTTP服务器（不需要复杂的配置与占用过多资源）。接下来将介绍如何使用Node.js的HTTP模块搭建简单的服务器，以部署完成项目页面。（1）创建项目文件夹创建一个项目文件夹，用于存放HTML页面和服务器脚本。例如，创建一个名为my-web-server的文件夹：mkdirmy-web-server//创建目录cdmy-web-server//进入目录（2）创建HTML文件在项目文件夹中，创建HTML文件，例如index.html，并添加以下内容：3.搭建HTTP服务器技能知识（3）初始化项目在项目文件夹中，执行以下命令初始化一个新的Node.js项目：npminit-y这将创建一个默认的package.json文件。（4）创建Node.js服务器在项目文件夹中，创建一个名为server.js的文件，用于编写服务器代码。打开server.js文件，并添加以下内容：consthttp=require('http');//引入HTTP模块constfs=require('fs');//引入文件系统模块constpath=require('path');//引入路径模块//获取HTML文件路径constindexPath=path.join(__dirname,'index.html');//读取HTML文件内容fs.readFile(indexPath,'utf8',(err,htmlContent)=>{if(err){console.error('Errorreadingindex.html:',err);return;}

//创建HTTP服务器constserver=http.createServer((req,res)=>{//设置响应头res.writeHead(200,{'Content-Type':'text/html'});//将HTML内容发送给客户端res.end(htmlContent);});//监听端口constPORT=3000;//注意不要使用80端口server.listen(PORT,()=>{console.log('Serverisrunningathttp://localhost:${PORT}');});});3.搭建HTTP服务器技能知识（5）运行服务器并访问网页在VSCode终端或命令提示符窗口中，导航到项目文件夹，并执行以下命令启动服务器：nodeserver.js服务器启动之后，会在控制台输出类似如图所示信息。打开浏览器，在地址栏中输入“http://localhost:3000”。如果页面显示如图所示的信息，则说明HTML页面已成功部署到服务器。3.搭建HTTP服务器技能知识（5）运行服务器并访问网页在VSCode终端或命令提示符窗口中，导航到项目文件夹，并执行以下命令启动服务器：nodeserver.js服务器启动之后，会在控制台输出类似如图所示信息。打开浏览器，在地址栏中输入“http://localhost:3000”。如果页面显示如图所示的信息，则说明HTML页面已成功部署到服务器。3.搭建HTTP服务器技能知识（6）服务器运行不正常时的处理方式3.搭建HTTP服务器技能知识（6）服务器运行不正常时的处理方式技能实践02页面部署技能实践

我们成功搭建并运行了HTTP服务器，你可以尝试将本模块构建的无障碍博客页面部署到Node.js项目中运行，以进一步巩固对Web开发和服务器搭建的理解与实践。（1）检查搭建好的Node.js项目，此时的项目结构类似于：

my-web-server/

│

├──blog.html

├──server.js

└──package.json（2）检查Node.js脚本代码，涉及的路径代码需要根据你的项目结构进行调整：//获取blog.html文件路径constindexPath=path.join(__dirname,'blog.html');页面部署技能实践

重新启动服务器，博客项目部署成功后用浏览器访问的效果如左图所示。本地访问网页：在浏览器中访问http://localhost:3000，即可看到部署成功的博客页面。此时，页面仅能在本地设备上访问，适合开发和测试阶段。广域网访问网页：先获取公网IP地址：通过在线工具（如）查询你的公网IP地址；然后通过手机或计算机访问页面：在浏览器中输入“http://<你的公网IP>:3000”，其他用户就可以通过广域网访问你的博客页面，具体实现效果如右图所示。思考与练习请同学们注意：填空题考查JavaScript变量声明、数据类型、函数基础、条件控制、数组方法及DOM元素获取；判断题分析变量作用域、数组索引、事件监听、对象语法及SOLID原则；选择题判别数据类型特性、函数语法、相等运算符、类型转换方法及SOLID原则分类。一、填空题1.let；const2.字符串（String）；数字（Number）；布尔值（Boolean）；空值（Null）；未定义（Undefined）；Symbol3.return；undefined4.if...else（或switch）5.pop()（或shift()、splice()）6.document.getElementById()（或document.querySelector()、document.getElementsByClassName()等）二、判断题1.√2.×3.√4.√5.√三、选择题1.A2.A3.B4.D5.A一、填空题1.在JavaScript中，声明变量可以使用关键字__________或__________，其中const声明的变量是不可重新赋值的。2.JavaScript中的基本数据类型有__________、__________、__________、__________、__________和__________。3.函数的返回值通过__________关键字返回，若没有返回值，默认返回__________。4.JavaScript中，用__________控制语句可以根据条件执行不同的代码块。5.在JavaScript中，可以通过__________方法将一个元素从数组中移除。6.在DOM操作中，获取页面元素的常用方法是__________。二、判断题1.var声明的变量是函数作用域，而let声明的变量是块级作用域。（）2.在JavaScript中，数组的索引从1开始。（）3.使用addEventListener()方法可以为DOM元素添加多个事件监听器。（）4.JavaScript中的对象是通过“{}”包裹的键值对集合。（）在面向对象程序设计中，继承是SOLID原则中的一个重要组成部分。（）三、选择题1.在JavaScript中，（）类型是不可变的。A.数字

B.对象

C.数组

D.函数2.（）用于定义一个没有参数的函数。A.functionmyFunction(){}B.functionmyFunction[]{}C.functionmyFunction{}D.function()=>{}3.（）