nodejs初学

不久前看到朋友在说关于nodejs的东西,我说,这东西不是哑火了吗?对方说,怎么可能,火得很。于是有了点兴趣,想说没事瞎折腾一番。找了一个网站:http://www.nodebeginner.org/index-zh-cn.html 专门介绍nodejs入门,翻译得也不错。一个下午看完,照着写了一个服务器。感觉这是最最入门的部分,所以我的叙述以此为起点:假定我们已经创建了这么几个文件:index.js, server.js, router.js,  requestHandlers.js.

照着教程写完之后发现写出来的东西太过基础,存在很多问题,所以昨天趁着有空,自己试着改写一番。

一,原代码中,直接在requestHandlers 中写html代码并传给response,这很不科学。不过解决方法其实很简单,nodejs有文件读取的模块,在文件开头引入:var fs = require("fs"); 即可。之后可以这样写:

requestHandlers.js:

var fs = require("fs");

...

function start(response, request) {

fs.readFile("./html/start.html", function(err, data){

if(err){

throw err;

}

response.writeHead(200, {"Content-Type": "text/html"});

response.write(data);

response.end();

});

}

这样一来就使得MVC分离有了可能,让handler只处理用户请求并制定渲染那个页面,最终将这个页面呈现给用户。所以有了第二个问题。

二,应该由router来处理页面输出。handler只处理用户请求然后决定输出哪个页面,具体页面输出操作由router(或者更底层的部分)来完成。大概的代码变成下面这样:

function start(response, request) {

    router.render('start', request, response);

}

render函数中输入文件名,以及request和response。render函数负责在指定的文件夹下面查找指定文件名的文件,处理并输出。这里的文件名不加后缀是因为不确定页面渲染要不要用其他框架,要用什么框架,不同框架使用的后缀名可能不同,所以干脆在这里仅指定名字,后缀名由router函数添加。

昨晚对这个render函数纠结了很久,不知道为什么总觉得传入的参数太多了。大概是受了之前看过的play framework的影响吧,人家的render函数就只是render() 这样就好了。后来还是放弃了,以后想到再来改写吧。

三,如何配置路由?根据这份指南,写出来的路由配置是这样的:

index.js:

var handle = {};

handle["/"] = requestHandlers.start;

handle["/start"] = requestHandlers.start;

handle["/upload"] = requestHandlers.upload;

handle["/show"] = requestHandlers.show;

配置完成之后将handle传给server:server.start(router.route, handle); 

这么一来,开发者想要拓展的话,必须打开index.js 文件,在其中添加自己的handler,而且还没办法指定不同http方法(get, post等)对应不同的handler。所以路由的实现要重新写。要求开发者自己创建一个application.js 文件,在其中写自己的路由配置, 大致代码类似于:

application.js:

var Router = require("./router").Router;

var router = new Router();

router.get('/start', function(request, response) {

    router.render('start', request, response);

});

exports.applicationRouter = router;

其中文件开头与结尾部分都是固定的,开发者需要填补中间的空白,调用如router.get() 等函数,设置handler。

四,Router怎么实现。首先想一下server怎么使用路由。改写了index.js,index.js会加载用户定义的application.js文件,执行完application.js 之后,相当于router已经设置完成,之后传给server:

index.js:

var server = require("./server");

var applicationRouter = require("./application").applicationRouter;

if(!applicationRouter){

    console.log('Can not find controler, exit!');

    return;

}

server.start(applicationRouter);

其中,applicationRouter 在application.js 中:exports.applicationRouter = router;

在server中,每次获取到一个请求的时候,提取其HTTP method,并解析path,之后传给router处理:

server.js:

function start(router){

  console.log("set router: " + router.route);

  http.createServer(function(request, response){

    var path = url.parse(request.url).pathname;

    var method = request.method;

    console.log("get request: " + path);

    router.handle(method, path, request, response);

  }).listen(8080);

  console.log("server has been started.");

}

接下来的工作交给router.handler()函数了,router.handler() 函数应该根据method,path 来确定调用哪个action,action在application.js 中已经由开发者定义。所以router中应该有保存这些action 函数的地方,handler在其中找到适合的函数并调用。

五,router的内部实现。

1. 保存action函数的地方:

function Router(){

  console.log("create router");

  this.route = {

    'GET': {},

    'POST': {},

    'PUT': {},

  'DELETE': {},

  'HEAD': {}

  };

  ...

}

配合设置action函数的函数来看:

this.setRoute = function(requestKind, path, handler){

  if(typeof(handler) === 'function'){

    this.route[requestKind][path] = handler;

    console.log("set handler: " + this.route);

  }else{

    console.log("wrong handler for " + requestKind + ": " + path);

  }

}

看上面加粗的部分,应该就能明了。

router提供方法用于设置特定HTTP method对应的action,以get方法为例:

this.get = function(path, handler){

    this.setRoute('GET', path, handler);

}

调用者可以简单地使用router.get("/path", function(){}) 来设置action。

以上是准备部分。接下来是handle函数。handler需要根据传入的参数判断调用哪个action方法,代码如下:

this.handle = function(HTTPMethod, path, request, response){

  HTTPMethod = HTTPMethod.toUpperCase();

  console.log("handle: method=" + HTTPMethod + "; path=" + path);

  var handler = this.route[HTTPMethod][path];

  if(typeof(handler) === 'function'){

    handler(request, response);

  }else{

    console.log('path:' + path + " not found.")

    this.notFound(request, response);

  }

}

关键部分已加粗,即直接根据method与path找到已经注册的action,如果没有,则返回404页面。这是最简陋的实现方法,路径不能使用通配符。这部分等这个周末再来想想怎么做吧。

最后是router提供的render部分。由action函数调用,获取html页面并返回给服务器,服务器返回给用户。代码如下:

this.render = function(path, request, response){

  fs.readFile('./html/' + path + '.html', function(err, data){

    if(err){

      throw err;

    }

    response.writeHead(200, {"Content-Type": "text/html"});

    response.write(data);

    response.end();

    });

}

目前只能直接输出html页面,将来可以使用其他框架生成动态页面,那么获取函数签名需要改一改:由action函数提取参数传给render,render函数将参数传给模板。如果使用这样的方式,使用动态页面,那么是否需要在另外的地方进行参数的提取与封装?周末再考虑。

至此,一个简单的nodejs web应用完成,并为接下来的升级留下了空间,除了比较纠结的render()之外。

一个请求流程如下:request-> server-> router.handle-> action function-> router.render()-> response.end() (触发事件使server返回response).

事实上,我对web框架的一些高级概念很生疏,什么控制反转啊,注入啊,完全不明白。只是觉得开发一套简单(对开发者来说)的框架是一件很有意义的事情,所以会一直想要自己开发框架啊。至于JS, nodejs,都是初学,发上来是想整理自己的思路,也希望读者能够多多给意见:)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 211,948评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,371评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,490评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,521评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,627评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,842评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,997评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,741评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,203评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,534评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,673评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,339评论 4 330
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,955评论 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,770评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,000评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,394评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,562评论 2 349

推荐阅读更多精彩内容