Skip to content

Latest commit

 

History

History
305 lines (215 loc) · 7.78 KB

7.md

File metadata and controls

305 lines (215 loc) · 7.78 KB
Raw

Node.js Web 模块

什么是 Web 服务器？

Web服务器一般指网站服务器，是指驻留于因特网上某种类型计算机的程序，Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL，与客户端的网络浏览器配合。

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

目前最主流的三个Web服务器是Apache、Nginx、IIS。需要注意的是，服务器不能同时使用

Web 应用架构

Web 应用架构

  • Client - 客户端，一般指浏览器，浏览器可以通过 HTTP 协议向服务器请求数据。
  • Server - 服务端，一般指 Web 服务器，可以接收客户端请求，并向客户端发送响应数据。
  • Business - 业务层， 通过 Web 服务器处理应用程序，如与数据库交互，逻辑运算，调用外部程序等。
  • Data - 数据层，一般由数据库组成。

使用 Node 创建 Web 服务器

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

var http = require('http');

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

server.listen方法启动服务器

server.listen(80,() => {
	console.log('server running at http:https://127.0.0.1')
})

以及打印后的提示信息

为服务器实例绑定request实例，监听服务端的请求 ,req和res是作为返回值

server.on('request',(req,res) => {
//核心代码
}

实例

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:https://127.0.0.1:8080/');

看一下终端显示情况：

//导入http模块                                               
const http = require('http')                                 
                                                             
//创建web服务器实例                                          
const server = http.createServer()                           
                                                             
//为服务器实例绑定request实例，监听服务端的请求              
                                                             
server.on('request',function(req, res){                      
console.log('someone visit our web server.')             
})                                                                                     
//启动                                                   
server.listen(80,function(){                             
console.log('server running at http:https://127.0.0.1:80')     
})

cmd:

PS C:\Users\smile\Desktop> node .\http.js\
server running at http:https://127.0.0.1:80
someone visit our web server.
someone visit our web server.

image-20220425170748886

req请求对象：

//导入http模块
const http = require('http')

//创建web服务器实例
const server = http.createServer()

//req是请求对象，包含了与客户端相关的数据和属性
server.on('request',(req) => {
	//req.url是客户端请求的url地址
	const url = req.url
	//req.method是客户端请求的method类型
	const method = req.method
	const str = 'Your request url is ${url}, and request method is ${method}'
	console.log(str)    //打印
	res.end(str) //方法，向客户端发送一些内容
})

server.listen(80,() => {
	console.log('server running at http:https://127.0.0.1')
})
  • req.url是客户端请求的url地址
  • req.method是客户端请求的method类型
  • res.end()方法，向客户端发送一些内容

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

index.html 文件

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

执行 server.js 文件：

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

接着我们在浏览器中打开地址：**http:https://127.0.0.1:8080/index.html**，显示如下图所示:

img

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

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

使用 Node 创建 Web 客户端

Node 创建 Web 客户端需要引入 http 模块，创建 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();

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

$ node  client.js 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
    <h1>我的第一个标题</h1>
    <p>我的第一个段落。</p>
</body>
</html>

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

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

解决中文乱码问题

当调用res.end()方法，向客户端发送中文内容的时候，会出现乱码的问题，此时，需要手动设置编码的格式

res.setHeader('Content-Type','text/html;charset=utf-8')

代码

//导入http模块
const http = require('http')

//创建web服务器实例
const server = http.createServer()

//req是请求对象，包含了与客户端相关的数据和属性
server.on('request',(req,res) => {
	//req.url是客户端请求的url地址
	const url = req.url
	//req.method是客户端请求的method类型
	const method = req.method
	const str = `Your request url is ${url}, and request method is ${method}`
	const a = `你请求的URL地址为 ${req.url},请求的method类型为 ${req.method}`
    //str += a
    res.setHeader('Content-Type','text/html;charset=utf-8')
    console.log(str)    //打印
    console.log(a)    //打印
	res.end(a) //方法，向客户端发送一些内容将内容相应给客户端
})

server.listen(80,() => {
	console.log('server running at http:https://127.0.0.1')
})