Node路由简单的处理
看过node很多例子,都是将路由直接放到入口文件中处理,使得文件显得很大很乱,特别是当一个项目变大,有上百甚至上千的路由,那该怎么办?
最近在想如何将一个个的路由放到一个单独的模块中处理,比如'/users'对于users模块。根据构想,写了个简单的实现,当然还有很多问题没有考虑到,后面再补充。
目录结构:
项目目录
|-- routers
|-- about.js
|-- contact.js
|-- index.js
|-- router.js
|-- server.js
入口文件:server.js - 创建服务,调用router模块的addRoute方法添加路由。
var http = require('http');
var router = require('./router');
router.addRoute('/', require('./routers/index'));
router.addRoute('/about', require('./routers/about'));
router.addRoute('/contact', require('./routers/contact'));
function onListened(){
console.log('Node server starts at 3000.');
}
function onConnected(request, response){
router.handleRoute(request.url, request, response);
}
var server = http.createServer(onConnected);
server.listen(3000, onListened);
4-6行:其实还可以写到router.js中,可以router模块初始化是添加这些路由。这样server.js就又变得干净很多。
router.js - 添加路由,调用路由处理函数
var uuid = require('node-uuid');
var http = require('http');
function RouterData(route,handler){
this.route = route||'';
this.handler = handler||{};
this.id = uuid.v4();
}
function Router(){
var routers = [];
var me = this;
this.addRoute = function(route, handler){
if(!route||!handler) return;
var routeData = new RouterData(route, handler);
routers.push(routeData);
};
this.handleRoute = function(route, req, res){
var handler = getRouteHandlerByRoute(route);
if(!handler){
handle_404(route, req, res);
return;
}
handler.exec(route, req, res);
};
function getRouteHandlerByRoute(route){
var n = routers.length;
var handler = null;
for (var i = n - 1; i >= 0; i--) {
if(routers[i].route === route){
handler = routers[i].handler;
break;
}
}
return handler;
}
function handle_404(route, req, res){
res.writeHeader(404, {
'Content-Type': 'text/plain'
});
res.end(route+' '+http.STATUS_CODES['404']);
}
}
module.exports = new Router();
为了简单处理,addRoute方法只是简单的添加了路由,没有考虑到相同的情况,且在getRouteHandlerByRoute函数中的查找路由处理函数的前提是没有相同的路由,否则得用路由uid来查找。
about.js, contact.js, index.js - 实际要处理路由的地方。
function About(){
this.exec = function(route, req, res){
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.end('This is </b>About Me</b>');
}
}
module.exports = new About();
function Contact(){
this.exec = function(route, req, res){
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.end('This is </b>Contact Page</b>');
}
}
module.exports = new Contact();
function Index(){
this.exec = function(route, req, res){
res.statusCode = 200;
res.setHeader('Content-Type', 'text/html');
res.end('This is </b><strong>Home Page</strong></b>');
}
}
module.exports = new Index();
在这些模块中都实现了一个exec的方法,用于处理路由。如果更灵活处理,应该可以写一个路由处理的基类,然后再子类继承分别处理。
Node路由简单的处理的更多相关文章
- SPA中,Node路由优先级高于React路由
一.问题描述 在一场面试中,面试官问到了React和Node路由之间的关系. 现在SPA(单页面应用)的使用越来越广. Node(后台)和React(前端)都有自己的路由,当我页面访问一个URL的时候 ...
- Node.js简单介绍并实现一个简单的Web MVC框架
编号:1018时间:2016年6月13日16:06:41功能:Node.js简单介绍并实现一个简单的Web MVC框架URL :https://cnodejs.org/topic/4f16442cca ...
- node路由访问,中间件返回数据
node路由访问,中间件返回数据 定义一个变量存放json数据,中间件接受数据 var responseData; router.use(function(req, res, next) { resp ...
- Python Flask框架路由简单实现
Python Flask框架路由的简单实现 也许你听说过Flask框架.也许你也使用过,也使用的非常好.但是当你在浏览器上输入一串路由地址,跳转至你所写的页面,在Flask中是怎样实现的,你是否感到好 ...
- Node.js express路由简单分析
这2天看了一点node+express的路由源码有了一点眉目,总结一下 对于app.get, 首先给出一张类图: 图1 注意每个路由有一个stack,这个stack中存放了Layer. 路由系统内有三 ...
- MOCK DATA -- node路由
前后端分离,有时候后端接口给的不是很及时,这就需要前端自己mock data, 本文讲的简单的node模拟数据 api路由跳转 首先有个data.js(json)文件, 路由: 配置在dev-serv ...
- 用node搭建简单的静态资源管理器
我们都知道,老牌的3p服务器都是自带静态资源管理器的.但是node不同,它没有web容器,它的路由地址和真实地址可以没有联系,所有node的优点,是可以把路由做得相当漂亮. 但静态资源管理器也是必不可 ...
- windows版的node.js简单示例
1.下载node.exe放到任意目录,假设E:\nodejs\ 2.在E:\nodejs\下新建helloworld.js,输入以下内容,保存关闭 var http = require('http') ...
- express for node 路由route几种实现方式的思考
1.路由实现方式和顺序 express框架创建的模板app,js中默认代码 var express = require('express'); var routes = require('./rout ...
随机推荐
- ASP.NET Core 1.0 中 EntityFramework 与 PostgreSQL 的使用
https://docs.efproject.net/en/latest/providers/npgsql/index.html 前面在CentOS6.7环境下配置好了PostgreSQL, 就顺便试 ...
- MyBatis中如何一次执行多条语句(使用mysql数据库)
解决办法不外乎有三个:1.多条sql分批执行:2.存储过程或函数调用:3.sql批量执行. MyBatis中如何一次执行多条语句(使用mysql数据库): 1.修改数据库连接参数加上allowMult ...
- 全网最详细的Sublime Text 3的激活(图文详解)
不多说,直接上干货! 前期博客 全网最详细的Windows里下载与安装Sublime Text *(图文详解) ZYNGA INC. User License EA7E- 927BA117 84C93 ...
- 有意思的App
掘金 javadoop 专业相机也羡慕奖 – Focos 说个睡前故事 so easy 奖 – 洪恩双语绘本 效率蹭蹭上升奖 – Sorted³ 时光隧道走一回奖 – NOMO 相机 设计师也爱用奖 ...
- [原] ubuntu 13.10 安装 winqq2013
安装及下载地址:http://www.longene.org/forum/viewtopic.php?t=4700 ubuntu 13.10 64位系统安装后无法启动qq,因为缺少程序包.解决方案: ...
- spring boot 与 thymeleaf (1): 国际化
在thymeleaf 里面有个消息表达式: #{...} , 可以借此来实现国际化. 在我使用这个功能的时候, 碰到了一个问题, 按照 JavaEE开发的颠覆者 Spring Boot实战 上面编码 ...
- a no-risk path to IEEE P1687
You’ve heard all about IJTAG (IEEE P1687) [1,2,3], a new standard for accessing embedded test and d ...
- java中 immutable,future,nio
什么是Future? 用过Java并发包的朋友或许对Future (interface) 已经比较熟悉了,其实Future 本身是一种被广泛运用的并发设计模式,可在很大程度上简化需要数据流同步的并发应 ...
- JAVA WEB 过滤器(Filter)中向容器 Spring 注入 bean
如果直接使用 @Autoware 获取 bean 会直接使该 bean 为 null,这是因为这种配置过滤器的方法无法在过滤器中使用 Spring bean,因为 Filter 比 bean 先加载, ...
- React多页面应用脚手架-v1.3.0
react-multi-page-app是一个基于react和webpack的多页面应用架构,通过编译生成对应目录结构清晰的静态页面,实现多页面便捷开发维护.1.3.0 版本对项目整体做了一个全面的升 ...