Nodejs学习item【入门手上】


Posted in NodeJs onMay 05, 2016

一、 安装

首先,去http://nodejs.org 下载安装。我下的版本是0.8.14。安装很简单,下一步下一步就哦了。然后在path中配置一下安装目录即可,msi会把npm(Node Package Manager)一并装上。

Nodejs学习item【入门手上】

我的安装目录是C:\Program Files (x86)\nodejs。这时使用cmd命令窗口 node -vnpm -v命令查看下安装的版本

Nodejs学习item【入门手上】

1.1、helloworld

在Node.js工程目录中新建一个文件hello.js,里面敲一行代码

console.log('hello, nodejs.') ;

进入命令行控制台,进入到Node.js工程目录敲node hello.js

Nodejs学习item【入门手上】

控制台输出了“hello, nodejs.”

1.2、web版的helloworld

在Node.js工程目录中新建一个http.js,代码如下

var http = require("http");
http.createServer(function(request, response) {
 response.writeHead(200, {"Content-Type": "text/html"});
 response.write("Hello World!");
 response.end();
}).listen(8000);

在命令行中启动服务,敲 node http.js

Nodejs学习item【入门手上】

然后打开浏览器地址栏输入http://localhost:8000/,看见页面上输出Hello World! 就成功了。

Nodejs学习item【入门手上】

node.js的版本一定和API同步

node.js的版本号有规律,偶数版本为稳定版本,奇数版本非稳定版本

2 HelloWorld代码分析

好啦,从现在开始逐行分析我们的HelloWorld。

引入模块

var http = require("http");

require方法用来引入一个模块,参数是模块的名字。比如File System模块,可以这么引入:

var fs = require("fs");

我们可以把require()方法当做全局方法使用,但实际上它更像属于某个模块的本地方法,它的文档参考这里:https://nodejs.org/api/globals.html。

require方法返回某个模块的实例,比如require(“http”)就返回一个HTTP实例。HTTP实例的参考文档在这里:https://nodejs.org/api/http.html。

我们看到,HTTP模块有一个方法createServer(),就牵涉到我们的第二行代码了。

创建服务器

HTTP模块的createServer()方法,接受一个方法作为参数,原型为:

http.createServer([requestListener])

requestListener是一个方法,会与http.Server类的request事件关联起来。这样当客户端请求到达时,requestListener就会被调用。

requestListener有两个参数,函数原型如下:

function (request, response) { }

第一个参数request的类型是http.IncomingMessage,实现了Readable Stream接口。
第二个参数的类型是http.ServerResponse,实现了Writeable Stream接口。

Stream的API在这里:https://nodejs.org/api/stream.html。同时,request和response还是EventEmitter,可以发射特定的事件。

EventEmitter的API在这里:https://nodejs.org/api/events.html#events_class_events_eventemitter,后面我们会讲如何使用EventEmitter来发射事件、处理事件。

再回顾一下我们创建server的代码:

http.createServer(
 function(request, response) { 
  response.writeHead(200, {"Content-Type": "text/plain"}); 
  response.write("Hello World!"); 
  response.end(); 
 }
).listen(8000);

http.createServer返回一个http.Server实例,http.Server的listen方法可以让服务器监听在某个端口上,示例中是8000。

如你所见,我们提供了一个匿名函数给createServer方法。在这个方法中,我们通过response参数向客户端回写了“Hello World!”消息。

分析客户端请求

前面我们分析了http.createServer方法,它的参数是一个带两个参数的方法,一个代表了客户端发过来的请求,一个代表了要回写给客户端的响应。我们来看看request参数。

request是http.IncomingMessage的实例,通过这个实例,我们可以拿到请求参数,比如HTTP方法、HTTP版本、url、头部等,具体的API在这里:https://nodejs.org/api/http.html#http_http_incomingmessage。

我们通过修改HelloWorld.js来看看(另存为HelloWorld2.js)。代码如下:

// 引入http模块
var http = require("http"); 

// 创建server,指定处理客户端请求的函数
http.createServer(
 function(request, response) { 
  console.log("method - " + request.method);
  console.log("version - " + request.httpVersion);
  console.log("url - " + request.url);
  response.writeHead(200, {"Content-Type": "text/plain"}); 
  response.write("Hello World!"); 
  response.end(); 
 }
).listen(8000); 

console.log("Hello World start listen on port 8000");

如你所见,我使用console这个对象来输出了一些调试信息,打印了HTTP方法、版本、url等信息。可以执行node HelloWorld2.js,浏览器访问http://localhost:8000,然后跑到命令行看看输出了什么信息,我这里是这样的:

Nodejs学习item【入门手上】

我们简简单单的HelloWorld已经可以发送一些响应数据给客户端,你在浏览器里能看到“Hello World!”字样。这个响应是通过http.ServerResponse的实例response发送给客户端的。

http.ServerResponse也是一个Stream,还是一个EventEmitter。我们通过它给客户度返回HTTP状态码、数据、HTTP头部等信息。

HTTP模块
在Node.js的HTTP模块,状态行就是通过http.ServerResponse的writeHead方法写给客户端的。writeHead方法原型如下:

response.writeHead(statusCode[, statusMessage][, headers])

这个方法的第一个参数,就是statusCode,也就是200、403之类的数字,剩下的参数是可选的。最后一个参数是headers,你可以在这里使用JSON对象表示法来写一些HTTP头部,比如:{“Content-Type”:”text/plain”,”Content-Length”:11}。第一个可选参数statusMessage用来指定一个状态描述消息,可以不填写。

HTTP头部

头部就是一些key-value对,比如我们在HelloWorld里看到的”Content-Type”,就是用来说明数据类型的头部标签,对应的可能是文本文件、图片、视频、二进制等。类似的还有”Content-Length”,用来指定数据长度。还有很多很多,比如”Date”、”Connection”等。具体还是参考前面的链接吧。

头部还可以使用http.ServerResponse的response.setHeader(name, value)方法来单独设置,一次可以设置一个HTTP头部。

数据

头部之后就是数据了,有些状态码,比如200,后续都会有一些数据。而有些,比如301、404、403、500之类的,多数没有数据。

数据通过http.ServerResponse的write方法来写回给客户端,比如这样:

response.setHeader("Content-Type", "text/html");

这里要提一点,HTTP常见的数据传输编码方式有两种:

设置Content-Length,传输固定长度的数据设置Transfer-Encoding头部为chunked,分块传输数据

像我们现在的HelloWorld示例,没有设置Content-Length头部,Node.js的HTTP模块就默认为chunked编码。

我们使用Chrome浏览器的开发者工具来查看网络数据,可以很明确的看到。如下图所示:

Nodejs学习item【入门手上】

HTTP响应

我标注出来的三处,都是HelloWorld示例传递给浏览器的HTTP头部信息。

我们通过http.ServerResponse的write方法向客户端写数据。你可以一次写入所有数据,也可以把数据分开来多次写入。当要传输的数据量较大时,分多次写入就是比较合理的做法,比如你向客户端发送大文件,就比较适合分多次写入,也可以利用Node.js的异步特性,获得不错的性能。

NodeJs 相关文章推荐
nodejs个人博客开发第六步 数据分页
Apr 12 NodeJs
Nodejs--post的公式详解
Apr 29 NodeJs
在Debian(Raspberry Pi)树莓派上安装NodeJS的教程详解
Sep 19 NodeJs
nodejs更改项目端口号的方法
May 13 NodeJs
修改Nodejs内置的npm默认配置路径方法
May 13 NodeJs
nodejs中express入门和基础知识点学习
Sep 13 NodeJs
nodejs 使用http进行post或get请求的实例(携带cookie)
Jan 03 NodeJs
NodeJS实现一个聊天室功能
Nov 25 NodeJs
Sublime Text3 配置 NodeJs 环境的方法
May 20 NodeJs
nodejs使用Sequelize框架操作数据库的实现
Oct 21 NodeJs
ubuntu系统下使用pm2设置nodejs开机自启动的方法
May 12 NodeJs
NodeJs内存占用过高的排查实战记录
May 10 NodeJs
NodeJS的Promise的用法解析
May 05 #NodeJs
Windows 系统下设置Nodejs NPM全局路径
Apr 26 #NodeJs
Nodejs Stream 数据流使用手册
Apr 17 #NodeJs
NodeJS创建基础应用并应用模板引擎
Apr 12 #NodeJs
nodeJs爬虫获取数据简单实现代码
Mar 29 #NodeJs
Nodejs如何搭建Web服务器
Mar 28 #NodeJs
Nodejs中的this详解
Mar 26 #NodeJs
You might like
php的webservice的wsdl的XML无法显示问题的解决方法
2014/03/11 PHP
Yii获取当前url和域名的方法
2015/06/08 PHP
CodeIgniter集成smarty的方法详解
2016/05/26 PHP
php str_replace替换指定次数的方法详解
2017/05/05 PHP
PHP正则匹配到2个字符串之间的内容方法
2018/12/24 PHP
js TextArea的选中区域处理
2010/12/28 Javascript
jQuery的deferred对象使用详解
2011/08/20 Javascript
JS基于FileSystemObject创建一个指定路径的TXT文本文件
2015/08/05 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
原生js实现addclass,removeclass,toggleclasss实例
2016/11/24 Javascript
探究react-native 源码的图片缓存问题
2017/08/24 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
angularJS自定义directive之带参方法传递详解
2018/10/09 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
jQuery+ajax实现批量删除功能完整示例
2019/06/06 jQuery
Vue组件间的通信pubsub-js实现步骤解析
2020/03/11 Javascript
如何在微信小程序中使用骨架屏的步骤
2020/06/12 Javascript
如何在JavaScript中使用localStorage详情
2021/02/04 Javascript
python实现斐波那契递归函数的方法
2014/09/08 Python
简介Python中用于处理字符串的center()方法
2015/05/18 Python
python操作mongodb根据_id查询数据的实现方法
2015/05/20 Python
关于pip的安装,更新,卸载模块以及使用方法(详解)
2017/05/19 Python
Python编程之gui程序实现简单文件浏览器代码
2017/12/08 Python
Python Xml文件添加字节属性的方法
2018/03/31 Python
对python打乱数据集中X,y标签对的方法详解
2018/12/14 Python
Python读取二进制文件代码方法解析
2020/06/22 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
生产车间实习自我鉴定
2013/09/23 职场文书
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
园艺专业毕业生求职信
2014/09/02 职场文书
生日祝酒词大全
2015/08/10 职场文书
大学生安全教育主题班会
2015/08/12 职场文书
浅谈Python numpy创建空数组的问题
2021/05/25 Python
Python中的tkinter库简单案例详解
2022/01/22 Python
设置IIS Express并发数
2022/07/07 Servers