Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时,可以用于开发服务端程序,也可以用于开发命令行工具。Node.js 的出现有助于前端开发者快速入门服务端开发,并且也能够提升前端开发效率,因为可以使用 JavaScript 来编写服务端程序,避免了学习新的编程语言。
在本文中,我们将使用 Node.js 来创建一个简单的 Web 服务器,使用它来提供静态资源服务和处理动态请求。
创建 Web 服务器步骤
第一步:安装 Node.js 首先要安装 Node.js,可以从官网下载安装包进行安装,安装完成后,在命令行窗口运行
node -v
命令,能够输出版本号则说明安装成功。第二步:创建项目 在电脑上创建一个文件夹,以
simple-web-server
为例,然后在命令行窗口进入到这个文件夹中,执行npm init -y
命令,创建一个默认的package.json
文件,这个文件用于管理项目的依赖。然后在这个文件夹下,创建一个index.js
文件,用于编写服务端程序。第三步:加载依赖 我们需要加载两个依赖
http
和fs
,用于创建服务器和读写文件。在命令行窗口中进入到项目文件夹下,执行npm install http fs
命令,安装这两个依赖。第四步:编写代码 在
index.js
文件中编写以下代码:----- ---- - --------------- ----- -- - ------------- ----- ---- - --------------- ----- ------ - ----------------------- ---- -- - ----- -------- - -------------------- ------- --- --- - ------------ - -------- ----- ------- - ---------------------- ----- ----------- - ------- --- ----- - ----------------- - ----------- --------------------- ----- -------- -- - -- ----- - -- --------- --- --------- - ------------------ ------------ ------- - ---- - ------------------ ----------------- ------ ------- - - ---- - ------------------ - --------------- ----------- -- ---------------- -------- - -- -- ------------------- -- -- - ------------------- ------- -- ------------------------ --
这段代码的功能是创建一个服务端程序,用于提供静态资源服务和处理动态请求。
第五步:运行程序 在命令行窗口执行
node index.js
命令,启动服务端程序。然后在浏览器中打开 http://localhost:3000/ 就可以看到服务端确认响应。
代码解析
上一部分我们提到了在 index.js
文件中编写以下代码,这里详细解析一下这段代码的内容。
首先,我们加入加载依赖这一步,加载 http
和 fs
两个依赖,http
用于创建一个 HTTP 服务,fs
用于读写文件。
----- ---- - --------------- ----- -- - ------------- ----- ---- - ---------------
接着,我们创建一个服务端程序,并处理请求和响应。
----- ------ - ----------------------- ---- -- - ----- -------- - -------------------- ------- --- --- - ------------ - -------- ----- ------- - ---------------------- ----- ----------- - ------- --- ----- - ----------------- - ----------- --------------------- ----- -------- -- - -- ----- - -- --------- --- --------- - ------------------ ------------ ------- - ---- - ------------------ ----------------- ------ ------- - - ---- - ------------------ - --------------- ----------- -- ---------------- -------- - -- --
- 首先,我们使用
path.join
方法将当前工作目录和请求的路径拼接起来,得到一个文件路径。 - 然后,我们使用
path.extname
方法获取文件扩展名,判断是.js
还是.html
类型的文件。 - 接着,我们使用
fs.readFile
方法读取文件内容,读取完成后,我们将文件内容作为响应内容返回给客户端。 - 最后,在服务端启动后,在控制台输出信息,提示服务启动成功。
------------------- -- -- - ------------------- ------- -- ------------------------ --
总结
本文中,我们使用 Node.js 创建了一个简单的 Web 服务器,用于提供静态资源服务和处理动态请求。这个服务器支持基本的路由请求,并且可以返回 HTML、CSS、JavaScript 等多种静态资源。使用这个服务器可以方便地进行前端开发、测试,同时还可以用作前后端分离项目的服务端。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/648afaf048841e9894958d78