当前位置: 首页 > article >正文

第18节 Node.js Web 模块

什么是 Web 服务器?

Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序。

Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。

大多数web服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。

目前最主流的三个Web服务器是Apache、Nginx、IIS。


Web 应用架构

  • Client - 客户端,一般指浏览器,浏览器可以通过HTTP协议向服务器请求数据。

  • Server - 服务端,一般指Web服务器,可以接收客户端请求,并向客户端发送响应数据。

  • Business - 业务层, 通过Web服务器处理应用程序,如与数据库交互,逻辑运算,调用外部程序等。

  • Data - 数据层,一般由数据库组成。


使用 Node 创建 Web 服务器

Node.js提供了http模块,http模块主要用于搭建HTTP服务端和客户端,如果要使用HTTP服务器或客户端功能,则必须调用http模块,代码如下:

var http = require('http');

以下是演示一个最基本的HTTP服务器架构(使用8081端口),创建server.js文件,代码如下所示:

var http = require('http');
var fs = require('fs');
var url = require('url');// 创建服务器
http.createServer( function (request, response) {  // 解析请求,包括文件名var pathname = url.parse(request.url).pathname;// 输出请求的文件名console.log("Request for " + pathname + " received.");// 从文件系统中读取请求的文件内容fs.readFile(pathname.substr(1), function (err, data) {if (err) {console.log(err);// HTTP 状态码: 404 : NOT FOUND// Content Type: text/plainresponse.writeHead(404, {'Content-Type': 'text/html'});}else{	         // HTTP 状态码: 200 : OK// Content Type: text/plainresponse.writeHead(200, {'Content-Type': 'text/html'});	// 响应文件内容response.write(data.toString());		}//  发送响应数据response.end();});   
}).listen(8081);// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8081/');

接下来我们在该目录下创建一个index.html文件,代码如下:

<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js文件:

$ node server.js
Server running at http://127.0.0.1:8081/

接着我们在浏览器中输入并打开地址:http://127.0.0.1:8081/index.html,显示如下图所示:

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.html received.     #  客户端请求信息

Gif 实例演示

3


使用 Node 创建 Web 客户端

使用Node创建Web客户端需要引入http模块,创建client.js文件,代码如下所示:

var http = require('http');// 用于请求的选项
var options = {host: 'localhost',port: '8081',path: '/index.html'  
};// 处理响应的回调函数
var callback = function(response){// 不断更新数据var body = '';response.on('data', function(data) {body += data;});response.on('end', function() {// 数据接收完成console.log(body);});
}
// 向服务端发送请求
var req = http.request(options, callback);
req.end();

新开一个终端,执行client.js文件,输出结果如下:

$ node client.js
<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

执行server.js的控制台输出信息如下:

Server running at http://127.0.0.1:8081/
Request for /index.html received.   # 客户端请求信息

http://www.lryc.cn/news/2404940.html

相关文章:

  • 网络爬虫一课一得
  • LeetCode--24.两两交换链表中的结点
  • 嵌入式SDK技术EasyRTC音视频实时通话助力即时通信社交/教育等多场景创新应用
  • IDEA集成JRebel插件,实现实时热部署
  • 1-3 Linux-虚拟机(2025.6.7学习篇- mac版本)
  • 如何打造一款金融推理工具Financial Reasoning Workflow:WebUI+Ollama+Fin-R1+MCP/RAG
  • mybatis的if判断==‘1‘不生效,改成‘1‘.toString()才生效的原因
  • 【试卷篇】Spring面试试卷题
  • 通过阿里云 DashScope API 调用通义千问
  • Go 中 map 的双值检测写法详解
  • 大故障:阿里云核心域名爆炸了
  • 解决Zotero翻译插件Zotero PDF Translate无法正常翻译
  • 【Latex】Windows/Ubuntu 绘制 eps 矢量图通用方法(drawio),支持插入 Latex 数学公式
  • Vue---vue使用AOS(滚动动画)库
  • 十(1). 强制类型转换
  • 从npm库 Vue 组件到独立SDK:打包与 CDN 引入的最佳实践
  • rknn优化教程(一)
  • uniapp Vue2 获取电量的独家方法:绕过官方插件限制
  • 【统计方法】树模型,ensemble,bagging, boosting
  • 【选配电脑】CPU核显工作机控制预算5000
  • Mysql 插入中文乱码
  • UserAgent包名识别工具
  • 96.如何使用C#实现串口发送? C#例子
  • 【工具使用】STM32CubeMX-FreeRTOS操作系统-信号标志、互斥锁、信号量篇
  • [P2P]并发模式
  • Cloudflare 免费域名邮箱 支持 Catch-all 无限别名收件
  • 大数据Spark(六十一):Spark基于Standalone提交任务流程
  • 学习记录:DAY32
  • next,react封装axios,http请求
  • 元图CAD:一键解锁PDF转CAD,OCR技术赋能高效转换