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的响应数据,常见属性有

相关推荐
kyriewen几秒前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
小徐_23331 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
苏三说技术3 小时前
LangChain4j 和 LangGraph4j,哪个更好?
后端
天蓝色的鱼鱼4 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
ServBay4 小时前
7 个AI开发中真正用得上的 MCP Server,配合Claude Code食用效果更佳
后端·claude·mcp
泯泷5 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花5 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷5 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜5 小时前
Spring Boot 核心知识点总结
前端