nodejs开发——express框架学习

最新推荐文章于 2024-08-16 13:37:37 发布
最新推荐文章于 2024-08-16 13:37:37 发布
阅读量3.1k 收藏 1
点赞数 2
分类专栏： Node.js开发 Node.js开发技术分享 文章标签： express 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenyufeng1991/article/details/54800302
版权
本文将深入探讨在Node.js开发中广泛使用的Express框架。我们将学习如何加载框架，创建服务，理解Express的路由机制，包括GET和POST请求的处理，如何返回JSON格式的数据，接收请求参数以及通过路由实现模块化编程。同时，文章还将介绍Express中的中间件概念。
摘要由CSDN通过智能技术生成

      在我们实际开发项目时，总是会用一些框架，而不是自己从头开始开发。而在nodejs中，express框架就是一个使用频率最高的一个框架。本篇主要来讲解express的使用。

  • 加载express框架
       由于express不是系统框架，所以需要手动加载，在项目目录下使用命令“npm install express --save”   ，就可以在项目中集成express框架，使用--save参数是能自动把express的参数配置到项目的package.json中。


  • express创建服务
      使用express可以方便的创建一个服务器，从而响应客户端的请求，在js文件中实现如下： 
//加载express模块
var express = require("express");
//创建一个express模块的实例
var app = express();

//创建服务，设置监听，设置端口号为3000
app.listen(3000, function () {

    console.log('Server running at http://127.0.0.1:3000/');
});

从代码中看到，express创建服务的方式与http模块非常类似，因为express本身就是封装了http模块。但是上面的代码还不能响应任何的url请求，这就需要借助下面的路由。

  • express路由
       路由就是用来处理不同url请求的，根据不同的请求，进行不同的响应内容。js文件实现如下： 
var express = require("express");
var app = express();

//根据不同的请求进行响应
//主url的响应，后面不带子路径
app.get("/", function (req, res) {
    res.send("这是主页");
});

app.get("/getName", function (req, res) {
    res.send("查找名字");
    //获得请求url中的一些参数
    console.log("baseUrl：" + req.baseUrl);
    console.log("body：" + req.body);
    console.log("hostname:" + req.hostname);
    console.log("originalUrl:" + req.originalUrl);
    console.log("params:" + req.params);
    console.log("path:" + req.path);
    console.log("protocol:" + req.protocol);
    console.log("query:" + req.query);
    console.log("subdomains:" + req.subdomains);
});

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});


然后进行测试，请求http://localhost:3000




请求http://localhost:3000/getName




同时，我在控制台上打印一些请求url中的信息：




  • Get请求与Post请求
       express同样可以非常方便的来处理不同的请求类型，比如Get请求和Post请求。上述的例子是使用Get请求，下面的我把getName接口设计成Post请求，代码修改如下： 
var express = require("express");
var app = express();

//根据不同的请求进行响应
//主url的响应，后面不带子路径
app.get("/", function (req, res) {
    res.send("这是主页");
});

app.post("/getName", function (req, res) {
    res.send("post查找名字");
});

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});

如果此时getName继续使用使用Get方式请求，就会发生如下错误：表示无法使用Get



如果使用post，则能成功返回：






  • 返回JSON格式
     JSON（JavaScript Object Notation）原意表示的就是JavaScript里的一个对象，所以在nodejs中返回JSON格式非常方便，也就是直接返回一个对象即可。下面修改getName接口，返回一个JSON格式： 

var express = require("express");
var app = express();

//根据不同的请求进行响应
//主url的响应，后面不带子路径
app.get("/", function (req, res) {
    res.send("这是主页");
});

app.post("/getName", function (req, res) {
    // 输出 JSON 格式,JSON对象也可以嵌套
   var result = {
        first_name: "chen",
        last_name: "yufeng",
        age: 25
    };
    res.send(JSON.stringify(result));
});

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});

Postman中请求结果如下：



  • 接收请求的参数
      在前端用某个url请求时，也可以携带参数，而在服务端也可以捕获这些参数，根据不同的参数进行返回（往往使用这些参数去查找数据库，会在后面的博客中介绍）。这里我们通过示例来演示： 

var express = require("express");
var app = express();

//根据不同的请求进行响应
//主url的响应，后面不带子路径
app.get("/", function (req, res) {
    res.send("这是主页");
});

app.post("/getName", function (req, res) {
    // 输出 JSON 格式,JSON对象也可以嵌套
    console.log("性别：" + req.query.gender + "；国籍：" + req.query.country);
    var result = {
        first_name: "chen",
        last_name: "yufeng",
        age: 25
    };
    res.send(JSON.stringify(result));
});

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});

请求的url中分别发送gender性别参数和country国籍参数，服务端获取后打印到控制台上，在Postman上请求如下：



在WebStorm控制台上打印如下：


由此可见，服务端已经成功获取到请求url中发送过来的参数了。这样就可以非常方便的进行前后端的数据交互了。




  • 使用路由进行模块化编程
       在nodejs中使用路由的最主要目的是进行模块化编程，即把不同请求需要执行的代码分开到不同的js文件中去，从而不需要把所有的业务代码都放在一个js文件中，这有利于代码维护和扩展。

在服务器主文件实现如下： 
var express = require("express");
var app = express();

//根据不同的请求进行响应
//主url的响应，后面不带子路径
app.get("/", function (req, res) {
    res.send("这是主页");
});

//把getName这个请求由同一目录下的name.js来处理
var name = require("./name");
app.post("/getName", name.getName);

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});

然后在同一目录下新建name.js文件，实现如下： 
//使用exports导出该模块，可被外界调用，处理getName这个路由
module.exports.getName = function (req, res) {
    // 输出 JSON 格式,JSON对象也可以嵌套
    console.log("性别：" + req.query.gender + "；国籍：" + req.query.country);
    var result = {
        first_name: "chen",
        last_name: "yufeng",
        age: 25
    };
    res.send(JSON.stringify(result));
    res.end();
};

然后在Postman中请求结果如下，符合我们的预期，结果与上一个案例一样，但是项目结构更好，是强烈推荐的实现方式。



  • 中间件
       express应用其实就是由一系列顺序执行的中间件组成的。如果当前中间件没有完成对当前网页的res响应，还可以通过next()把路由留给下一个中间件继续执行。其中使用中间件的一个目的也是实现模块化。
在服务端主文件中实现如下： 
var express = require('express');
var app = express();

var name = require('./name');
//在一组挂载点装载一组中间件
//前面的'/getName' 是挂载路径,在一组挂载点装载一组中间件
app.post('/getName',name.name01, name.name02, name.name03);

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});


在同一目录下创建name.js文件，实现如下： 
var express = require('express');

/**
 * 中间件栈
 *
 * @param req
 * @param res
 * @param next
 */
module.exports.name01 = function (req, res, next) {
    console.log("第一个中间件");
    //继续由下一个get去处理
    //将控制权交给下一个中间件
    //todo
    next();
};

module.exports.name02 = function (req, res, next) {
    console.log("第二个中间件");
    //todo
    next();
};

module.exports.name03 = function (req, res) {
    console.log("第三个中间件");
    console.log("性别：" + req.query.gender + "；国籍：" + req.query.country);
    var result = {
        first_name: "chen",
        last_name: "yufeng",
        age: 25
    };
    res.send(JSON.stringify(result));
    res.end();
};

然后在Postman中请求可以获得和上个例子一样的结果，在WebStorm控制台中打印结果如下：


整个请求过程通过了每一个中间件。每一个中间件中都可以进行业务代码的处理。其实中间件相当于起一个过滤的作用，所有匹配这个路径的都会被执行。nodejs中间件中还有一个use关键字的用法，修改上述代码： 
var express = require('express');
var app = express();

//中间件相当于起一个过滤的作用，所有匹配这个路径的都会被执行；
app.use('/', function (req, res, next) {
    console.log("所有的url请求都会通过这个中间件");
    next();
});

var name = require('./name');
//在一组挂载点装载一组中间件
//前面的'/getName' 是挂载路径,在一组挂载点装载一组中间件
app.post('/getName',name.name01, name.name02, name.name03);

app.listen(3000, function () {
    console.log('Server running at http://127.0.0.1:3000/');
});

使用app.use去匹配url，因为必然所有的请求都包含"/"，所以该中间件中的逻辑都会被执行。然后使用next()传递给下一个中间件。

乞力马扎罗的雪CYF
关注
专栏目录
NodeJs express框架
SillyBoy的博客
05-14 821
文章目录1 express框架1.1 express特点2 app.use中间件2.1 概念2.2 中间件用法2.3 中间件应用2.4 错误处理中间件2.5 捕获错误3 express请求处理3.1 构建模块化路由3.2 GET参数的获取3.3 POST参数的获取3.4 路由参数.3.5 静态资源的处理4 express-art-template模块引擎4.1 介绍4.2 app.locals对象 1 express框架 express框架的基于node.js的web应用开发框架。 1.1 express特
nodejs——express
m0_58471238的博客
10-22 1724
nodejs——express
express框架学习
weixin_45842954的博客
03-12 471
提供了方便简洁的路由定义方式 对获取HTTP请求参数进行了简化处理 对模板引擎支持程度高，方便渲染动态HTML页面 提供了中间件机制有效控制HTTP请求 拥有大量第三方中间件对功能进行扩展 //expess基础使用 // 引入express模块 const express = require('express'); // 创建应用对象 const app = express(); // 路由的设置 app.get('/',(request,response)=>{ response.end('
【Nodejs】六、express框架
最新发布
aaaa_aaab的博客
08-16 733
讲解了express的下载使用，请求与响应的参数获取以及express中间件的介绍
Node.js17 Express框架
mxy1234的博客
09-21 1308
概述 Express是目前最流行的基于Node.js的Web开发框架，可以快速地搭建一个完整功能的网站。 Express上手非常简单，首先新建一个项目目录，假定叫做hello-world。 $ mkdir hello-world 进入该目录，新建一个package.json文件，内容如下。 { "name": "hello-world", "desc
Node.js Express 框架
duansamve的博客
05-11 1645
Express 简介 Express 是一个简洁而灵活的 node.js Web应用框架, 提供了一系列强大特性帮助你创建各种 Web 应用，和丰富的 HTTP 工具。 使用 Express 可以快速地搭建一个完整功能的网站。 Express 框架核心特性： 可以设置中间件来响应 HTTP 请求。 定义了路由表用于执行不同的 HTTP 请求动作。 可以通过向模板传递参数来动态渲染 HT...
node.js——express框架
weixin_64916164的博客
04-18 2479
Express 是一个流行的 Node.js 框架，为开发者提供了简洁的 API，用于处理 HTTP 请求、响应，以及管理中间件、路由和错误处理。Express 简化了构建 RESTful API、Web 应用程序和微服务的过程。快速开始Express 框架是构建 Node.js Web 应用程序的理想选择。它提供了强大且易于使用的工具，可以满足各种不同类型的 Web 开发需求。本期到此结束，关注我，我会继续写的!!
nodejs开发——log4js学习
乞力马扎罗的雪CYF的博客
02-01 3904
在我们开发项目时，日志是必不可少的一部分，有助于我们排错、数据分析等等。而nodejs自带的console日志不太友好，比如不同级别的日志都是相同的颜色，很难区分。在开发Java时，log4j几乎是必选项。在nodejs中，类似的一个工具是log4js。该篇博客主要来学习如何使用log4js日志工具。安装log4js      命令行进入项目目录，执行"npm install log4js --s
NodeJS_blog:基于 Express 框架的简单博客构建
06-10
**NodeJS博客系统构建——基于Express框架** 在IT领域，Node.js作为一个强大的JavaScript运行环境，因其高效的非阻塞I/O模型而备受青睐。它允许开发者使用JavaScript进行服务器端编程，打破了传统的前端与后端的...
NodeJsFrame：nodejs框架-Express，Koa
02-03
在Node.js的世界里，有两个非常重要的框架——Express和Koa，它们极大地简化了Web应用的开发流程。 **Express框架** Express被誉为“Node.js界的小Rails”，它是基于Node.js平台，快速、开放、极简的Web开发框架。...
node笔记05——Nodejs学习之Express中间件与接口的编写，GET和POST接口的编写和案例演示。
No1banana的博客
06-11 1077
express是基于Node.js平台的web开发框架作用和Node.js内置的http模块类似，是专门用来创建Web服务器的。本质上Express就是一个npm的第三方包提供了快速创建Web服务器的便捷方法。中文官网：expressjs.com.cn一、下载express包二、创建基本的web服务器 ...
Express框架
就是记笔记用的
04-16 2384
官方定义：路由确定了应用程序如何响应客户端对特定端点的请求中间件（MiddleWare）本质是一个回调函数中间件可以像路由回调一样访问请求对象，响应对象（response）每一个请求到达服务端之后，都会执行全局中间件函数// 记录每个请求的url 与 IP地址 const express = require("express");// 声明中间件函数 function recordMiddleware(req , res , next) {// 获取url,ip let {
Node.js历险记之express框架入门篇
weixin_34372728的博客
03-06 251
打开微信扫一扫，关注微信公众号【数据与算法联盟】 转载请注明出处：http://blog.csdn.net/gamer_gyt 博主微博：http://weibo.com/234654758 Github：https://github.com/thinkgamer 写在前面的话 Express 是一种保持最低程度规模...
Node.js学习之Express框架(一)
道阻且长
05-04 512
Node.js学习之Express框架(一)
Node.js 学习笔记 express框架
yavlgloss的博客
05-14 1164
express框架学习笔记
Nodejs-Express框架
weixin_47342624的博客
10-29 2562
express主要提供了两种方式：app/router.use和app/router.methods；Node也可以作为静态资源服务器，并且express给我们提供了方便部署静态资源的方法；
nodejs里面的express框架
08-03
Express是一个流行的Node.js Web应用程序开发框架。它提供了一组简单、灵活和易于使用的功能，可以帮助开发人员快速构建高性能的Web应用程序和API。 Express提供了许多有用的功能，包括路由、中间件、模板引擎等。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值