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打包工具整合到鼠标右键的方法
May 11 NodeJs
NodeJS的url截取模块url-extract的使用实例
Nov 18 NodeJs
浅谈NodeJS中require路径问题
May 07 NodeJs
nodejs的HTML分析利器node-jquery用法浅析
Nov 08 NodeJs
用nodeJS搭建本地文件服务器的几种方法小结
Mar 16 NodeJs
修改Nodejs内置的npm默认配置路径方法
May 13 NodeJs
nodejs前端模板引擎swig入门详解
May 15 NodeJs
webpack打包nodejs项目的方法
Sep 26 NodeJs
nodejs实现范围请求的实现代码
Oct 12 NodeJs
nodejs图片处理工具gm用法小结
Dec 12 NodeJs
nodejs微信开发之自动回复的实现
Mar 17 NodeJs
nodejs简单抓包工具使用详解
Aug 23 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读取html并截取字符串的简单代码
2009/11/30 PHP
PHP实现图片裁剪、添加水印效果代码
2014/10/01 PHP
PHP中SESSION的注销与清除
2015/04/16 PHP
PHP 获取指定地区的天气实例代码
2017/02/08 PHP
php实现查询功能(数据访问)
2017/05/23 PHP
PHP使用gearman进行异步的邮件或短信发送操作详解
2020/02/27 PHP
jQuery Ajax文件上传(php)
2009/06/16 Javascript
javascript 从if else 到 switch case 再到抽象
2010/07/17 Javascript
原生js和jquery中有关透明度设置的相关问题
2014/01/08 Javascript
Javascript中arguments和arguments.callee的区别浅析
2015/04/24 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
jQuery表格行上移下移和置顶的实现方法
2015/10/08 Javascript
跟我学习javascript的作用域与作用域链
2015/11/19 Javascript
jQuery中JSONP的两种实现方式详解
2016/09/26 Javascript
React Native 环境搭建的教程
2017/08/19 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
解决iview多表头动态更改列元素发生的错误的方法
2018/11/02 Javascript
微信小程序实现倒计时功能
2020/11/19 Javascript
python实现人人自动回复、抢沙发功能
2018/06/08 Python
python 解决动态的定义变量名,并给其赋值的方法(大数据处理)
2018/11/10 Python
Python查找不限层级Json数据中某个key或者value的路径方式
2020/02/27 Python
Python3如何判断三角形的类型
2020/04/12 Python
Django使用rest_framework写出API
2020/05/21 Python
通过css3动画和opacity透明度实现呼吸灯效果
2019/08/09 HTML / CSS
使用css3和jquery实现可伸缩搜索框
2014/02/12 HTML / CSS
英国最大的在线快递公司之一:ParcelHero
2019/11/04 全球购物
《绿色蝈蝈》教学反思
2014/03/02 职场文书
捐书活动总结
2014/05/04 职场文书
医生学习党的群众路线教育实践活动心得体会
2014/11/03 职场文书
寒暑假实习证明书模板
2014/11/29 职场文书
欢迎词范文
2015/01/27 职场文书
专业技术职务聘任证明
2015/03/02 职场文书
导游词之五台山
2019/10/11 职场文书
教你如何用python开发一款数字推盘小游戏
2021/04/14 Python
Html5调用企业微信的实现
2021/04/16 HTML / CSS
html网页引入svg图片的4种方式
2022/08/05 HTML / CSS