Node.js:Web模块、Express框架

Web模块

什么是Web服务器

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

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

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

Web应用架构
使用Node.js来创建Web服务器

使用前必须先调用http模块var http = require("http");

下面是一个演示文件用于演示HTTP最基本的服务架构,作用是让Node.js建立一个目录服务,用于访问磁盘下面的文件、

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/');

此时如果在目录下面新建一个index.html文件,即可实现网页的传输。

使用Node创建Web客户端

创建web客户端也需要引入http模块,创建client.js的代码如下:

js 复制代码
var http = require('http');
 
// 用于请求的选项
var options = {
   host: 'localhost',
   port: '8080',
   path: '/a.png'  
};
 
// 处理响应的回调函数
var callback = function(response){
   // 不断更新数据
   var body = '';
   response.on('data', function(data) {
      body += data;
      //这个是将传入的data赋值给body,进行拼接
   });
   
   response.on('end', function() {
      // 数据接收完成,触发这个事件进行响应
      console.log(body);
   });
}
// 向服务端发送请求
var req = http.request(options, callback);
req.end();

Express框架

是一个简洁而且灵活的Web应用框架,可以很快搭建出来一个完整的网站

-->核心特性

设置中间件来进行响应

定义路由表执行不同的HTTP请求动作

可以向模板传递参数来动态渲染HTML页面

安装
bash 复制代码
cnpm install express --save
cnpm install body-parser --save
cnpm install cookie-parser --save
cnpm install multer --save

使用如下命令来查看Express版本号

bash 复制代码
cnpm list express
第一个Express实例
js 复制代码
//express_demo.js 文件
var express = require('express');
var app = express();
 
app.get('/', function (req, res) {
   res.send('Hello World');
})
 
var server = app.listen(8081, function () {
 
  var host = server.address().address
  var port = server.address().port
 
  console.log("应用实例,访问地址为 http://%s:%s", host, port)
 
})
请求与响应

Express使用回调函数来处理请求和响应,类似于Handler

js 复制代码
app.get("/", function(request, response){
    //main function in handler
})

关于request和response对象的具体介绍:
request 对象

request对象表示了HTTP请求,包含了查询字符串、参数、内容、HTTP头部等属性

response 对象

response对象表示HTTP响应,包含了HTTP的响应数据,常见属性有

相关推荐
张拭心1 天前
Cursor 又偷偷更新,这个功能太实用:Visual Editor for Cursor Browser
前端·人工智能
I'm Jie1 天前
深入了解 Vue 3 组件间通信机制
前端·javascript·vue.js
用户90443816324601 天前
90%前端都踩过的JS内存黑洞:从《你不知道的JavaScript》解锁底层逻辑与避坑指南
前端·javascript·面试
CodeCraft Studio1 天前
文档开发组件Aspose 25.12全新发布:多模块更新,继续强化文档、图像与演示处理能力
前端·.net·ppt·aspose·文档转换·word文档开发·文档开发api
无敌最俊朗@1 天前
STL-vector面试剖析(面试复习4)
java·面试·职场和发展
追逐时光者1 天前
一款开源、现代化的 WinForm UI 控件库
后端·.net
暮乘白帝过重山1 天前
ArkTS ForEach 参数解析:组件与键值生成器
开发语言·数据库
PPPPickup1 天前
easychat项目复盘---获取联系人列表,联系人详细,删除拉黑联系人
java·前端·javascript
老前端的功夫1 天前
前端高可靠架构:医疗级Web应用的实时通信设计与实践
前端·javascript·vue.js·ubuntu·架构·前端框架
LiamTuc1 天前
Java构造函数
java·开发语言