Node.js学习笔记(十五、Web模块)

举报
三分恶 发表于 2021/04/22 01:21:54 2021/04/22
【摘要】 其实在前面,已经多次应用过Node.js Web模块,比如路由,由index.js提供一个接口去调用相应的路由模块和Web模块。 Web服务器是什么? Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。 大多数 web 服...

其实在前面,已经多次应用过Node.js Web模块,比如路由,由index.js提供一个接口去调用相应的路由模块和Web模块。

Web服务器是什么?

Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。
大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。
目前最主流的三个Web服务器是Apache、Nginx、IIS。

Web架构

web架构分为客户端、服务层、业务层、数据层等层级。
在这里插入图片描述

 .Client:客户端,B/S架构下一般指的是浏览器,浏览器可以通过 HTTP 协议向服务器请求数据。
 
.Server:服务端,一般指 Web 服务器,可以接收客户端请求,并向客户端发送响应数据
 
.Business:业务层, 通过 Web 服务器处理应用程序,如与s数据层交互,逻辑运算,调用外部程序等。
 
.Data:
数据层,一般由数据库和数据持久化模块组成。

创建 Web 服务器

创建web服务器的核心对象是http模块,用 HTTP 服务器或客户端功能必须调用 http 模块。

var http = require('http');

  
 
  • 1

实例,这是一个基本的http服务架构:
webServer.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/html response.writeHead(404, {'Content-Type': 'text/html'}); }else{ // HTTP 状态码: 200 : OK // Content Type: text/html response.writeHead(200, {'Content-Type': 'text/html'}); // 响应文件内容 response.write(data.toString()); } //  发送响应数据 response.end(); });
}).listen(8080);

// 控制台会输出以下信息
console.log('Server running at http://127.0.0.1:8080/');

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35

index.html:

<!DOCTYPE html>
<html lang="en">
<head> <meta charset="UTF-8"> <title>随便试试</title>
</head>
<body>
  <h1>脑瓜子嗡嗡的</h1>
</body>
</html>

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10

运行webServer.js:
在这里插入图片描述
访问地址:http://127.0.0.1:8080/index.html
在这里插入图片描述
在这里插入图片描述
报了点错,好像是图标的问题。

创建客户端

实例,client.js:

var http = require('http');

// 用于请求的选项
var options = { host: 'localhost', port: '8080', 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();

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

服务端运行的前提下,另外用一个终端运行cllient.js:
在这里插入图片描述
服务端结果:
在这里插入图片描述


参考:
【1】、https://www.runoob.com/nodejs/nodejs-web-module.html
【2】、https://www.w3cschool.cn/nodejs/nodejs-web-module.html

文章来源: blog.csdn.net,作者:三分恶,版权归原作者所有,如需转载,请联系作者。

原文链接:blog.csdn.net/sinat_40770656/article/details/97026764

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。