02 为基于Express框架创建的Node后台配置路由

古城微笑少年丶 2023-02-28 05:41 136阅读 0赞

写在前面

上一篇文章中我们初始化了一个基于Express框架的NodeJS后台,但是里面的代码全都在index.js文件中,所以这一篇文章就给大家介绍下如何去组织node后台的代码编写,也就是我们说的给它配置个路由。

环境要求

  • 安装了NodeJS环境(可以使用npm包管理工具)
  • 初始化了一个NodeJS后台项目demo

操作步骤

1、在项目根目录下新建routers文件夹,然后在里面新建一个路由文件,并编写所要的后台接口代码,如下所示:

2020072015595299.png

  1. var express = require('express');
  2. var router = express.Router();
  3. router.get('/forward', function(req, res) {
  4. res.send('geocode forward');
  5. });
  6. module.exports = router;

以上代码是geocode.js文件中的代码,也就是我们新建的一个路由文件代码,然后我们在index.js文件中,引入这个路有文件,并编写一些配置代码,如下:

  1. var express = require('express');
  2. var app = express();
  3. var geocode = require('./routers/geocode'); //引入新建的路由文件
  4. app.use('/geocode', geocode); //配置该文件
  5. app.get('/', function(req, res) {
  6. res.send('hello world!');
  7. });
  8. app.listen(3001);

2、然后我们保存代码在浏览器中通过地址”localhost:3001/geocode/forward”来访问我们新建的路由文件中的接口,如下所示:

20200720160042444.png

我们保存代码后并没有重启后台程序,代码也能生效,是因为我们用了上文介绍的supervisor这个插件,它会自动监听代码文件的变化并重启后台程序。

3、为了代码的整洁,我们将index.js中的关于主路由,即”localhost:3001/“的代码也单独存放在一个路由文件中。同样的,在routers文件夹中新建一个home.js文件,然后将index.js中的相关代码移动到home.js文件中,并在index.js中引入和配置home.js路由文件,最终两个文件中的代码如下:

home.js代码:

  1. var express = require('express');
  2. var router = express.Router();
  3. router.get('/', function(req, res) {
  4. res.send('hello world!');
  5. });
  6. module.exports = router;

index.js代码:

  1. var express = require('express');
  2. var app = express();
  3. var home = require('./routers/home');
  4. var geocode = require('./routers/geocode');
  5. app.use('/', home);
  6. app.use('/geocode', geocode);
  7. app.listen(3001);

4、然后保存代码浏览器访问主路由”localhost:3001”,也能得到和上文一样的结果,如下:

20200720160127701.png

总结

这篇文章介绍了如何为我们创建的node后台配置路由信息,通俗点说,就是为了更好地组织后台中的代码,我是这么理解的。

发表评论

表情:
评论列表 (有 0 条评论,136人围观)

还没有评论,来说两句吧...

相关阅读