node系列3

网络操作

通过NodeJS,除了可以编写一些服务端程序来协助前端开发和测试外,还能够学习一些HTTP协议与Socket协议的相关知识

开门红

使用NodeJS内置的http模块简单实现一个HTTP服务器

var http = require(‘http‘);

http.createServer(function (request, response) {
    response.writeHead(200, { ‘Content-Type‘: ‘text-plain‘ });
    response.end(‘Hello World\n‘);
}).listen(8124);

以上程序创建了一个HTTP服务器并监听8124端口,打开浏览器访问该端口http://127.0.0.1:8124/就能够看到效果

在Linux系统下,监听1024以下端口需要root权限。因此,如果想监听80或443端口的话,需要使用sudo命令启动程序

API走马观花

我们先大致看看NodeJS提供了哪些和网络操作有关的API  http://nodejs.org/api/

HTTP

‘http‘模块提供两种使用方式

  • 作为服务端使用时,创建一个HTTP服务器,监听HTTP客户端请求并返回响应
  • 作为客户端使用时,发起一个HTTP客户端请求,获取服务端响应

首先需要使用.createServer方法创建一个服务器,然后调用.listen方法监听端口。之后,每当来了一个客户端请求,创建服务器时传入的回调函数就被调用一次

HTTP请求本质上是一个数据流,由请求头(headers)和请求体(body)组成。例如以下是一个完整的HTTP请求数据内容

POST / HTTP/1.1
User-Agent: curl/7.26.0
Host: localhost
Accept: */*
Content-Length: 11
Content-Type: application/x-www-form-urlencoded

Hello World

空行之上是请求头,之下是请求体。HTTP请求在发送给服务器时,可以认为是按照从头到尾的顺序一个字节一个字节地以数据流方式发送的。而http模块创建的HTTP服务器在接收到完整的请求头后,就会调用回调函数。在回调函数中,除了可以使用request对象访问请求头数据外,还能把request对象当作一个只读数据流来访问请求体数据

http.createServer(function (request, response) {
    var body = [];

    console.log(request.method);
    console.log(request.headers);

    request.on(‘data‘, function (chunk) {
        body.push(chunk);
    });

    request.on(‘end‘, function () {
        body = Buffer.concat(body);
        console.log(body.toString());
    });
}).listen(80);

------------------------------------
POST
{ ‘user-agent‘: ‘curl/7.26.0‘,
  host: ‘localhost‘,
  accept: ‘*/*‘,
  ‘content-length‘: ‘11‘,
  ‘content-type‘: ‘application/x-www-form-urlencoded‘ }
Hello World

HTTP响应本质上也是一个数据流,同样由响应头(headers)和响应体(body)组成

HTTP/1.1 200 OK
Content-Type: text/plain
Content-Length: 11
Date: Tue, 05 Nov 2013 05:31:38 GMT
Connection: keep-alive

Hello World

在回调函数中,除了可以使用response对象来写入响应头数据外,还能把response对象当作一个只写数据流来写入响应体数据。例如在以下例子中,服务端原样将客户端请求的请求体数据返回给客户端

http.createServer(function (request, response) {
    response.writeHead(200, { ‘Content-Type‘: ‘text/plain‘ });

    request.on(‘data‘, function (chunk) {
        response.write(chunk);
    });

    request.on(‘end‘, function () {
        response.end();
    });
}).listen(80);

接下来我们看看客户端模式下如何工作。为了发起一个客户端HTTP请求,我们需要指定目标服务器的位置并发送请求头和请求体

var options = {
        hostname: ‘www.example.com‘,
        port: 80,
        path: ‘/upload‘,
        method: ‘POST‘,
        headers: {
            ‘Content-Type‘: ‘application/x-www-form-urlencoded‘
        }
    };

var request = http.request(options, function (response) {});

request.write(‘Hello World‘);
request.end();

.request方法创建了一个客户端,并指定请求目标和请求头数据。之后,就可以把request对象当作一个只写数据流来写入请求体数据和结束请求。另外,由于HTTP请求中GET请求是最常见的一种,并且不需要请求体,因此http模块也提供了以下便捷API

http.get(‘http://www.example.com/‘, function (response) {});

当客户端发送请求并接收到完整的服务端响应头时,就会调用回调函数。在回调函数中,除了可以使用response对象访问响应头数据外,还能把response对象当作一个只读数据流来访问响应体数据

http.get(‘http://www.example.com/‘, function (response) {
    var body = [];

    console.log(response.statusCode);
    console.log(response.headers);

    response.on(‘data‘, function (chunk) {
        body.push(chunk);
    });

    response.on(‘end‘, function () {
        body = Buffer.concat(body);
        console.log(body.toString());
    });
});

------------------------------------
200
{ ‘content-type‘: ‘text/html‘,
  server: ‘Apache‘,
  ‘content-length‘: ‘801‘,
  date: ‘Tue, 05 Nov 2013 06:08:41 GMT‘,
  connection: ‘keep-alive‘ }
<!DOCTYPE html>
...

HTTPS

https模块与http模块极为类似,区别在于https模块需要额外处理SSL证书

在服务端模式下,创建一个HTTPS服务器

var options = {
        key: fs.readFileSync(‘./ssl/default.key‘),
        cert: fs.readFileSync(‘./ssl/default.cer‘)
    };

var server = https.createServer(options, function (request, response) {
        // ...
    });

与创建HTTP服务器相比,多了一个options对象,通过keycert字段指定了HTTPS服务器使用的私钥和公钥

另外,NodeJS支持SNI技术,可以根据HTTPS客户端请求使用的域名动态使用不同的证书,因此同一个HTTPS服务器可以使用多个域名提供服务。接着上例,可以使用以下方法为HTTPS服务器添加多组证书

server.addContext(‘foo.com‘, {
    key: fs.readFileSync(‘./ssl/foo.com.key‘),
    cert: fs.readFileSync(‘./ssl/foo.com.cer‘)
});

server.addContext(‘bar.com‘, {
    key: fs.readFileSync(‘./ssl/bar.com.key‘),
    cert: fs.readFileSync(‘./ssl/bar.com.cer‘)
});

在客户端模式下,发起一个HTTPS客户端请求与http模块几乎相同

var options = {
        hostname: ‘www.example.com‘,
        port: 443,
        path: ‘/‘,
        method: ‘GET‘
    };

var request = https.request(options, function (response) {});

request.end();

但如果目标服务器使用的SSL证书是自制的,不是从颁发机构购买的,默认情况下https模块会拒绝连接,提示说有证书安全问题。在options里加入rejectUnauthorized: false字段可以禁用对证书有效性的检查,从而允许https模块请求开发环境下使用自制证书的HTTPS服务器

URL

处理HTTP请求时url模块使用率超高,因为该模块允许解析URL、生成URL,以及拼接URL。首先我们来看看一个完整的URL的各组成部分

 href
 -----------------------------------------------------------------
                            host              path
                      --------------- ----------------------------
 http: // user:pass @ host.com : 8080 /p/a/t/h ?query=string #hash
 -----    ---------   --------   ---- -------- ------------- -----
protocol     auth     hostname   port pathname     search     hash
                                                ------------
                                                   query

我们可以使用.parse方法来将一个URL字符串转换为URL对象

url.parse(‘http://user:[email protected]:8080/p/a/t/h?query=string#hash‘);
/* =>
{ protocol: ‘http:‘,
  auth: ‘user:pass‘,
  host: ‘host.com:8080‘,
  port: ‘8080‘,
  hostname: ‘host.com‘,
  hash: ‘#hash‘,
  search: ‘?query=string‘,
  query: ‘query=string‘,
  pathname: ‘/p/a/t/h‘,
  path: ‘/p/a/t/h?query=string‘,
  href: ‘http://user:[email protected]:8080/p/a/t/h?query=string#hash‘ }
*/

传给.parse方法的不一定要是一个完整的URL,例如在HTTP服务器回调函数中,request.url不包含协议头和域名,但同样可以用.parse方法解析

http.createServer(function (request, response) {
    var tmp = request.url; // => "/foo/bar?a=b"
    url.parse(tmp);
    /* =>
    { protocol: null,
      slashes: null,
      auth: null,
      host: null,
      port: null,
      hostname: null,
      hash: null,
      search: ‘?a=b‘,
      query: ‘a=b‘,
      pathname: ‘/foo/bar‘,
      path: ‘/foo/bar?a=b‘,
      href: ‘/foo/bar?a=b‘ }
    */
}).listen(80);

.parse方法还支持第二个和第三个布尔类型可选参数。第二个参数等于true时,该方法返回的URL对象中,query字段不再是一个字符串,而是一个经过querystring模块转换后的参数对象。第三个参数等于true时,该方法可以正确解析不带协议头的URL,例如//www.example.com/foo/bar

反过来,format方法允许将一个URL对象转换为URL字符串

url.format({
    protocol: ‘http:‘,
    host: ‘www.example.com‘,
    pathname: ‘/p/a/t/h‘,
    search: ‘query=string‘
});
/* =>
‘http://www.example.com/p/a/t/h?query=string‘
*/

另外,.resolve方法可以用于拼接URL

url.resolve(‘http://www.example.com/foo/bar‘, ‘../baz‘);
/* =>
http://www.example.com/baz
*/

Query String

querystring模块用于实现URL参数字符串与参数对象的互相转换

querystring.parse(‘foo=bar&baz=qux&baz=quux&corge‘);
/* =>
{ foo: ‘bar‘, baz: [‘qux‘, ‘quux‘], corge: ‘‘ }
*/

querystring.stringify({ foo: ‘bar‘, baz: [‘qux‘, ‘quux‘], corge: ‘‘ });
/* =>
‘foo=bar&baz=qux&baz=quux&corge=‘
*/

Zlib

zlib模块提供了数据压缩和解压的功能。当我们处理HTTP请求和响应时,可能需要用到这个模块

一个使用zlib模块压缩HTTP响应体数据的例子。这个例子中,判断了客户端是否支持gzip,并在支持的情况下使用zlib模块返回gzip之后的响应体数据

http.createServer(function (request, response) {
    var i = 1024,
        data = ‘‘;

    while (i--) {
        data += ‘.‘;
    }

    if ((request.headers[‘accept-encoding‘] || ‘‘).indexOf(‘gzip‘) !== -1) {
        zlib.gzip(data, function (err, data) {
            response.writeHead(200, {
                ‘Content-Type‘: ‘text/plain‘,
                ‘Content-Encoding‘: ‘gzip‘
            });
            response.end(data);
        });
    } else {
        response.writeHead(200, {
            ‘Content-Type‘: ‘text/plain‘
        });
        response.end(data);
    }
}).listen(80);

接着我们看一个使用zlib模块解压HTTP响应体数据的例子。这个例子中,判断了服务端响应是否使用gzip压缩,并在压缩的情况下使用zlib模块解压响应体数据。

var options = {
        hostname: ‘www.example.com‘,
        port: 80,
        path: ‘/‘,
        method: ‘GET‘,
        headers: {
            ‘Accept-Encoding‘: ‘gzip, deflate‘
        }
    };

http.request(options, function (response) {
    var body = [];

    response.on(‘data‘, function (chunk) {
        body.push(chunk);
    });

    response.on(‘end‘, function () {
        body = Buffer.concat(body);

        if (response.headers[‘content-encoding‘] === ‘gzip‘) {
            zlib.gunzip(body, function (err, data) {
                console.log(data.toString());
            });
        } else {
            console.log(data.toString());
        }
    });
}).end();

Net

net模块可用于创建Socket服务器或Socket客户端。由于Socket在前端领域的使用范围还不是很广,这里先不涉及到WebSocket的介绍,仅仅简单演示一下如何从Socket层面来实现HTTP请求和响应

首先我们来看一个使用Socket搭建一个很不严谨的HTTP服务器的例子。这个HTTP服务器不管收到啥请求,都固定返回相同的响应

net.createServer(function (conn) {
    conn.on(‘data‘, function (data) {
        conn.write([
            ‘HTTP/1.1 200 OK‘,
            ‘Content-Type: text/plain‘,
            ‘Content-Length: 11‘,
            ‘‘,
            ‘Hello World‘
        ].join(‘\n‘));
    });
}).listen(80);

接着我们来看一个使用Socket发起HTTP客户端请求的例子。这个例子中,Socket客户端在建立连接后发送了一个HTTP GET请求,并通过data事件监听函数来获取服务器响应

var options = {
        port: 80,
        host: ‘www.example.com‘
    };

var client = net.connect(options, function () {
        client.write([
            ‘GET / HTTP/1.1‘,
            ‘User-Agent: curl/7.26.0‘,
            ‘Host: www.baidu.com‘,
            ‘Accept: */*‘,
            ‘‘,
            ‘‘
        ].join(‘\n‘));
    });

client.on(‘data‘, function (data) {
    console.log(data.toString());
    client.end();
});

灵机一点

  • 问: 为什么通过headers对象访问到的HTTP请求头或响应头字段不是驼峰的?

答: 从规范上讲,HTTP请求头和响应头字段都应该是驼峰的。但现实是残酷的,不是每个HTTP服务端或客户端程序都严格遵循规范,所以NodeJS在处理从别的客户端或服务端收到的头字段时,都统一地转换为了小写字母格式,以便开发者能使用统一的方式来访问头字段,例如headers[‘content-length‘]

  • 问: 为什么http模块创建的HTTP服务器返回的响应是chunked传输方式的?

答: 因为默认情况下,使用.writeHead方法写入响应头后,允许使用.write方法写入任意长度的响应体数据,并使用.end方法结束一个响应。由于响应体数据长度不确定,因此NodeJS自动在响应头里添加了Transfer-Encoding: chunked字段,并采用chunked传输方式。但是当响应体数据长度确定时,可使用.writeHead方法在响应头里加上Content-Length字段,这样做之后NodeJS就不会自动添加Transfer-Encoding字段和使用chunked传输方式

  • 问: 为什么使用http模块发起HTTP客户端请求时,有时候会发生socket hang up错误?

答: 发起客户端HTTP请求前需要先创建一个客户端。http模块提供了一个全局客户端http.globalAgent,可以让我们使用.request.get方法时不用手动创建客户端。但是全局客户端默认只允许5个并发Socket连接,当某一个时刻HTTP客户端请求创建过多,超过这个数字时,就会发生socket hang up错误。解决方法也很简单,通过http.globalAgent.maxSockets属性把这个数字改大些即可。另外,https模块遇到这个问题时也一样通过https.globalAgent.maxSockets属性来处理

时间: 2024-10-25 06:25:11

node系列3的相关文章

深入理解Node系列-细说Connect(上)

前言 想必对于广大前后端的同学们,Node 或是用来作为网站服务器的搭建,亦或是用来作为开发脚手架的运用,或是早有套路,亦或是浅尝辄止.从现在开始博主将会不定时的对 Node 系列的产品做分析,其中夹杂着常见的基础模块,三方模块,丰富大家的 Node 技术栈. 很多童鞋上手项目时,通常会将 Express 作为 Node 端框架,而本文主要对其底层构件 Connect 做一个分析. connect Connect 是一个可扩展(中间件作为插件)的 Http 服务器框架,Connect 刚出道之时

Node系列——Node中的异常处理。

1.对异常错误的理解 异常错误应该被分为两种情况:操作失败和程序员失误 1.1.操作失败 这是正确编写的程序在运行时产生的错误.它并不是程序的Bug,反而经常是其它问题. 例如:系统本身(内存不足或者打开文件数过多),系统配置(没有到达远程主机的路由),网络问题(端口挂起),远程服务(500错误,连接失败).具体情况如下: 连接不到服务器 无法解析主机名 无效的用户输入 请求超时 服务器返回500 套接字被挂起 系统内存不足 1.2.程序员失误 这是程序里的Bug.这些错误往往可以在调试阶段通过

一头扎进Node系列 - 目录

一.前言 本系列是属于初级教程.博主我也还只是一个node的新兵蛋子,想通过学习官网的API文档,慢慢的打好Node基础.当然后期这系列文档会慢慢完善,并且会添加一些项目实战中遇到的一些问题以及解决方案!如果你也是初学者,欢迎你一起加入我们的 NODE API 学习之路吧! Node官网   :https://nodejs.org/api/ Node中文网:http://nodejs.cn/doc/node/index.html 二.目录 一头扎进Node系列 - URL 一头扎进Node系列

node系列1

NodeJS基础 JS是脚本语言,脚本语言都需要一个解析器才能运行,NodeJS就是一个解析器.nodejs.org 打开终端,键入node进入命令交互模式,可以输入一条代码语句后立即执行并显示结果 $node >console('Hello World'); Hello World 如果要运行一大段代码的话,可以先写一个JS文件再运行.例如有以下hello.js function hello() { console.log('Hello World!'); } hello(); 写好后在终端下

node系列4

进程管理 NodeJS可以感知和控制自身进程的运行环境和状态,也可以创建子进程并与其协同工作,这使得NodeJS可以把多个程序组合在一起共同完成某项工作,并在其中充当胶水和调度器的作用.本章除了介绍与之相关的NodeJS内置模块外,还会重点介绍典型的使用场景 开门红 如何使用NodeJS调用终端命令来简化目录拷贝 var child_process = require('child_process'); var util = require('util'); function copy(sour

Node系列——express项目搭建

1.项目环境搭建 1.1. 安装node这个不多说了. 1.2.安装express,全局安装-g npm install -g express 1.3.安装express-generator,全局安装-g express4.0之后把创建一个APP的功能分离出来为express-generator,没它你创建不了应用程序,需要全局安装-g npm install -g express-generator 1.4.创建express项目 在想要创建的项目目录下打开cmd窗口,这样就会创建如下目录文件

Web前端开发推荐阅读书籍、学习课程下载

转自http://www.xuanfengge.com/fe-books.html 前言 学校里没有前端的课程,那如何学习JavaScript,又如何使自己成为一个合格的前端工程师呢? 除了在项目中学习和跟着有经验的同事学习,读书也是必不可少的.书中有着相对完整的知识体系,每读一本好书都会带来一次全面的提高. 而如果深一脚浅一脚的学习,写出代码的质量会参差不齐.初学者的首要任务是成为靠谱的熟练开发者,能够稳定的输出有一定质量的代码. 前端技术发展速度特别快,总是涌现出很多新的东西,需要不断的学习

前端工具集合

前端组织 虽混过外企俩家,但劳资英文这项的技能点还是灰色的...so,俺关注的站点主要以中文为主 名称 推荐指数 备注/说明 Git ★★★★★ 劳资清楚这不是个纯粹的前端社区... 但作为全球最大的搞基社区,无数前端项目在这启航 没Git都不好意思面基有木有! MDN ★★★★★ 不解释,无数的资源再等着你探索 Awesomes.cn ★★★★☆ 国人维护的前端资源库,深度对接到 Github 慕课 ★★★★☆ 大量的在线计算机课程. 虽然初.中级居多,但是不乏有巨作值得细细品尝 W3Cplu

[iTyran原创]iPhone中OpenGL ES显示3DS MAX模型之二:lib3ds加载模型

[iTyran原创]iPhone中OpenGL ES显示3DS MAX模型之二:lib3ds加载模型 作者:u0u0 - iTyran 在上一节中,我们分析了OBJ格式.OBJ格式优点是文本形式,可读性好,缺点也很明显,计算机解析文本过程会比解析二进制文件慢很多.OBJ还有个问题是各种3D建模工具导出的布局格式还不太一样,face还有多边形(超过三边形),不利于在OpenGL ES里面加载. .3ds文件是OBJ的二进制形式,并且多很多信息.有一个C语言写的开源库可以用来加.3ds文件,这就是l