Node.js后端开发 - 进阶篇 #8 express框架之路由模块的封装1

目录

一、前言

二、路由模块的封装

1、初始化项目、安装express框架

(1)npm init -y 初始化项目,生成package.json文件

(2)npm init -y 和 npm init 区别

(3)安装 express 框架

---生成 node_modules 文件夹 和 package-lock.json 文件

--- 执行npm install express -save 和 npm install express --no-save 的区别

2、封装路由模块

步骤1:写主模块 app.js

步骤2:写配置模块 config.js

步骤3:写路由模块 router.js


一、前言

最近每天都有三到五个粉丝的关注,不免增加我写博文的动力,这不一大早其它同事还没来,我又开始写博文了,其实写博文是非常枯燥的事情,需要毅力决心来坚持!在此感谢大家的关注和支持,同时欢迎留言共同交流进步!上一篇文章我们讲了res对象的常见方法res.json()、res.redirect()等方法的使用,详细可参考博文:Node.js后端开发 - 进阶篇 #7 express框架之res对象的常见方法 ,这篇文章我们将讲一下对路由模块的封装

二、路由模块的封装

1、初始化项目、安装express框架

(1)npm init -y 初始化项目,生成package.json文件

在 Visual Studio Code 新建文件夹 express-project(注:需要注意的是项目名称和模块名称express不要一样),然后在里面新建一个文件 app.js,打开终端执行如下命令:

npm init -y 初始化项目,它会在项目中自动生成一个package.json文件。

(2)npm init -y 和 npm init 区别

前面讲基础篇章的时候我们有讲到 npm init命令,详细可参考:Node.js后端开发 - 基础篇 #17 package.json 文件 这里的 npm init -y 和 npm init 不同的是:它省去了敲回车的步骤,直接略过所有问答,全部采用默认答案,去生成的默认的package.json

$ npm init -y
Wrote to /Users/luminal/Desktop/nodejs/express-project/package.json:

{
  "name": "express-project",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

(3)安装 express 框架

---生成 node_modules 文件夹 和 package-lock.json 文件

执行 npm install express -save 命令安装express框架,并将其保存到依赖列表中。

$ npm install express -save
npm notice created a lockfile as package-lock.json. You should commit this file.
npm WARN express-project@1.0.0 No description
npm WARN express-project@1.0.0 No repository field.

+ express@4.17.1
added 50 packages from 37 contributors and audited 126 packages in 9.879s
found 0 vulnerabilities



   ╭────────────────────────────────────────────────────────────────╮
   │                                                                │
   │       New minor version of npm available! 6.9.0 → 6.12.0       │
   │   Changelog: https://github.com/npm/cli/releases/tag/v6.12.0   │
   │               Run npm install -g npm to update!                │
   │                                                                │
   ╰────────────────────────────────────────────────────────────────╯

这个时候它会在项目中生成一个 node_modules 的文件夹 和 package-lock.json 的文件

--- 执行npm install express -save 和 npm install express --no-save 的区别

如果只是临时安装 Express,不想将它添加到依赖列表中,可执行如下命令:

$ npm install express --no-save

npm 5.0+ 版本在默认情况下会将安装的模块添加到 package.json 文件中的 dependencies 列表中。对于较老的 npm 版本,你就必须指定 --save 参数。然后,照旧执行 npm install 命令即可自动安装依赖列表中所列出的所有模块。

2、封装路由模块

npm init -y 初始化项目、npm install express --save 安装express框架以后,现在我们开始正式编码

步骤1:写主模块 app.js

// app.js 模块职责:负责启动服务

//1. 加载 express 模块
var express = require('express');
//加载 config.js 模块
var config = require('./config.js');
//加载路由模块
var router = require('./router.js');

//2. 创建 app 对象
var app = express();

//3. 启动路由
// 虽然express框架注册路由,相对于以前简单了,
// 但是这个代码本身还是属于路由模块。
// router既是一个对象,也是一个函数,
// 所以可以这样调用,并传递app对象
// ---> router.js
router(app);

//4. 启动服务
app.listen(config.port, function () {
    console.log('http://localhost:'+config.port);
});

虽然express框架注册路由,相对于以前简单了,但是这个代码本身还是属于路由模块。

下面我们来新建配置模块 config.js、路由模块 router.js

步骤2:写配置模块 config.js

前面我们讲过模块化了,我们把端口号放在一个独立模块里面 config.js


// 配置模块: 主要职责是负责保存项目中的配置信息

module.exports = {
    port : 3000
};

步骤3:写路由模块 router.js

// 我们封装一个模块一般需要考虑三个问题:

//1、什么样的代码要放到这个模块当中?  代码模块化确定  

//2、这些代码是否用到外部的一些数据?  我们需要拿到app 

//3、当前这个模块对外应该暴露一些什么东西?(module.exports)?  通过一个方法

//路由模块:主要负责路由判断

// 把router作为函数返回暴露出来
// 这样传递app主对象,暴露了app主对象,这样做不安全
module.exports = function (app) {
    app.get('/', function (req, res) {
        console.log("当前根目录");
    });  

    app.get('/index', function (req, res) {
        console.log("index");
    });  

};

虽然这么写可以实现功能,但是express不推荐这么写!原因是这样传递app主对象,暴露了app主对象,这样做不安全。我们使用router.js 是为了注册一些路由,但是这样把主对象app给传递暴露出来了。假如主对象里面有停止服务的方法 stopServer,在router.js 里面是能调用到的,这样做肯定不安全!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

被开发耽误的大厨

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值