Nodejs学习第4天

之前我学习了使用Node.js实现一个简单的Server (见Nodejs学习第一天)这让我想起了当初学习java-web的时候,使用java #net 包下的Socket 实现一个简单的类似tomcat 的一个小Http服务器,如:

        ServerSocket serverSocket = new ServerSocket(8080) ;
        Socket socket = serverSocket.accept() ;
        InputStream in = new FileInputStream(new File("/home/palm/myapps/node-study/oneself/server.js")) ;
        OutputStream outputStream = socket.getOutputStream() ;
        int len = 0 ;
        byte[] b = new byte[1024] ;
        while((len = in.read(b)) != -1) {
            outputStream.write(b,0,len);
        }

运行上面的java 代码, 一个没有任何处理能力的简单Http服务器就可以使用了,上面代码只是输出了文件内容,当然也可以接收前端页面传递的参数。访问http://localhost:8080/ 就可以看到输出文件server.js的内容了。如下:

Screenshot from 2016-10-14 23-41-40.png

之后又学习了使用内置模块来处理多请求分发的问题,再次通过调整整体代码架构来适应web多线程并发异步处理的问题。
<em>
到这里,差不多就是node.js对http server支持的基础的部分了. 我个人理解是node.js是又一个JavaScript运行时环境,其实node官网也是这么解释的,之前 JavaScript 之运行在浏览器中,比如IE、Chomre、Firefox等。

谁都知道瘟到死下的IE提供的 JavaScript运行环境处处是坑,各种乱七八糟的非标准解释,导致 JavaScript在其下运行各种问题。兼容问题层出不穷。

但是这些问题在Node.js下不会再产生了,因为Node.js使用了chrome浏览器的V8引擎来解释JavaScript代码。在Node下只有一个标准就是遵循当前ECMAScript标准来解释执行代码,使用当前ECMA支持语法就可以得到正确的结果。不会有一行代码执行结果各不相同。
</em>

Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. ...........

之前的node.js代码向页面输出的都是一些简单的问题,接下来的代码会看起来更web一点,因为可以有用户交互了,如下:
将之前的dispatcher.js #start函数修改下,将一个简单的html代码输出并采用html数据格式解析,就像在进入java-web学习的时候在学习jsp之前,就直接在servlet中write html代码:

 function start(res) {
  console.log('call /start');
  /**var process = require('child_process') ;
   process.exec('cd /home/palm/ && find *',function(error,stdout,stdrr) {
   //
   res.writeHead(200,{'Content-Type':'text/plain'}) ;
   res.write(stdout) ;
   res.end() ;
   }) ;*/

  var body = '<html>' +
      '<head>' +
      '<meta http-equiv="Content-Type" content="text/html; ' +
      'charset=UTF-8" />' +
      '</head>' +
      '<body>' +
      '<form action="/upload" method="post">' +
      '<textarea name="text" rows="15" cols="50"></textarea>' +
      '<input type="submit" value="提交" />' +
      '</form>' +
      '</body>' +
      '</html>';

  res.writeHead(200, {'Content-Type': 'text/html'}); //注意这里的内容头声明
  res.write(body);
  res.end();
 }

 function upload(res) {
  console.log('call /upload') ;
  res.writeHead(200,{'Content-Type':'text/plain'}) ;
  res.write('call /upload') ;
  res.end() ;
 }

 function root(res) {
  console.log('call /') ;
  res.writeHead(200,{'Content-Type':'text/plain'}) ;
  res.write('call /') ;
  res.end() ;
 }

 exports.start = start ;
 exports.upload = upload ;
 exports.root = root ;

访问 http://localhost:8081/start 就可以看到一个可以提交的简单表单,然后修改下/upload 来响应这个表单的请求(上述输出html提交路径是/upload).

/upload中一定需要采用异步处理机制,否则就产生阻塞了,所以这里需要进行适当的调整。这里node采用了一个特定的事件 --- data事件用来处理数据接收 以及end事件来标识数据接收完毕。根据node异步实现机制 ---- 事件轮询 , 事件node已经提供了,剩下的需要我们提供对应事件触发后该做什么,也就是回调函数。所以只需要将这两个回调函数提供给node就可以了。

因为这两个事件都是发生在请求服务的过程中,所以把这两个事件注册到request对象上就显得很合理了,如:

//server.js
 //导入http 和 url模块 类似java的 Map\List等工具类
var http = require('http'),
    url = require('url') ;
 //编写服务启动函数,这里的参数稍后解释
 //function start(handle,route) {
 function start(hander,route) {
  //请求处理函数,就是第一天学习的箭头函数,这里不再是一个匿名函数
  function onRequest(req,res) {
   //这里通过url模块提供函数 parse获得请求方法,详细可以参考node官方网站document说明
   var pathName = url.parse(req.url).pathname ;
   console.log('request path ',pathName) ;

   var postData = '' ;
   req.setEncoding("utf8");
   req.addListener('data',function(postDataChunk){
    //
    postData = postDataChunk ;
   }) ;

   //end
   req.addListener('end',function(){
    //
    route(pathName,hander,res,postData) ;
   }) ;

   //dispatcher
   //route(pathName,hander,res) ;
  }

  http.createServer(onRequest).listen(8081) ;
  console.log('server has started.') ;
 }

 //将函数start函数导出为一个模块
 //export
 exports.start = start ;
//dispatcher.js
 function start(res,postData) {
  console.log('call /start');
  /**var process = require('child_process') ;
   process.exec('cd /home/palm/ && find *',function(error,stdout,stdrr) {
   //
   res.writeHead(200,{'Content-Type':'text/plain'}) ;
   res.write(stdout) ;
   res.end() ;
   }) ;*/

  var body = '<html>' +
      '<head>' +
      '<meta http-equiv="Content-Type" content="text/html; ' +
      'charset=UTF-8" />' +
      '</head>' +
      '<body>' +
      '<form action="/upload" method="post">' +
      '<textarea name="text" rows="15" cols="50"></textarea>' +
      '<input type="submit" value="提交" />' +
      '</form>' +
      '</body>' +
      '</html>';

  res.writeHead(200, {'Content-Type': 'text/html'});
  res.write(body);
  res.end();
 }

 function upload(res,postData) {
  console.log('call /upload') ;
  res.writeHead(200,{'Content-Type':'text/plain'}) ;
  res.write(postData) ;
  res.end() ;
 }

 function root(res,postData) {
  console.log('call /') ;
  res.writeHead(200,{'Content-Type':'text/plain'}) ;
  res.write('call /') ;
  res.end() ;
 }

 exports.start = start ;
 exports.upload = upload ;
 exports.root = root ;
//router.js
 function route(path,handle,res,postData) {
  console.log('route path ',path) ;

  var fun = handle[path] ;
  if(typeof fun === "function") {
   fun.call(null,res,postData) ;
  }else {
   console.log('unknown path.') ;
   res.writeHead(200,{'Content-Type':'text/plain'}) ;
   res.write('404 Unknown path') ;
   res.end() ;
  }
 }

 exports.route = route ;

//index.js 不用改变

重启服务,访问 http://localhost:8081/start 输入在文本域内输入内容,点击提交 可以看到页面条装到 http://localhost:8081/upload 并输出刚才录入的内容。
大概的数据流转如下:

当我点击页面提交按钮后,将请求/upload 经过server.js #start函数 通过data 事件的回调函数获取到页面录入内容,然后数据接收完毕后触发end 事件,后通过end事件回调函数直接将此数据交给了/upload 方法,后又输出到页面。

如果提交中文内容会发现跳转到'/upload'页面显示的并不是我们之前输入的内容,是因为在/upload中向页面write内容并不只是我们输入的,所以这里需要使用Node内置模块querystring来获取到之前页面输入的内容:

 function upload(res,postData) {
  var querystring = require('querystring') ;
  console.log('call /upload') ;
  res.writeHead(200,{'Content-Type':'text/plain'}) ;
  res.write(querystring.parse(postData).text) ; //通过querystring获取text
  res.end() ;
 }

以上就是一个简单的Node.js对Post请求的处理结构,今天的学习就到这里啦,以上代码或对Node.js的理解有错误的地方,恳请纠正! 谢谢~~ #

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

推荐阅读更多精彩内容

  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    w_zhuan阅读 3,609评论 2 41
  • Node.js是目前非常火热的技术,但是它的诞生经历却很奇特。 众所周知,在Netscape设计出JavaScri...
    Myselfyan阅读 4,066评论 2 58
  • JavaScript 资源大全中文版很多程序员应该记得 GitHub 上有一个 Awesome - XXX 系列的...
    wwmin_阅读 3,411评论 1 92
  • 以为把耳机声音开大到除了音乐什么都听不见 就能听不见所有 还真是 。
    荒荒荒荒荒荒阅读 122评论 0 0
  • 记得今天早晨一醒来,看到被子上的血迹,还好,我不是女生,不用怀疑别的。是的,又流鼻血了。数了数,应该有一个多月的样...
    Mr_Zoul阅读 194评论 0 0