Node学习--网络编程

HTTP协议部分

概述

HTTP协议的主要特点可概括如下：

1. 支持客户/服务器模式
2. 简单快速： 客户向服务器请求服务时，只需传送请求方法和路径。请求方法常用的有GET,HEAD,POST。每种方法规定了客户与服务器联系的类型不同。由于HTTP协议简单，使得HTTP服务的程序规模小，因而通信速度很快
3. 灵活: HTTP 允许传输任意类型的数据对象。正在传输的类型由Content-Type加以标记
4. 无连接：无连接的含义是限制每次连接只处理一个请求。服务器处理完客户的请求，并收到客户的应答后，即断开连接。采用这种方式可以节省传输时间
5. 无状态：HTTP协议是无状态协议。无状态是指协议对于事务处理没有记忆能力。缺少状态意味着如果后续处理需要前面的信息，则它必须重传，这样可能导致每次连接传送的数据量增大。另一方面，在服务器不需要先前信息时他的应答就较快

Http—URL

HTTP URL（URL是一种特殊类型的URL，包含了用于查找某个资源的足够的信息）的格式如下：
http://host:port/abs_path
http: 通过HTTP协议定位网络资源
host: 合法的网络主机域名或者ip地址
port: 端口号，空则使用缺省端口80
abs_path: 指定请求资源的URI，如果URL中没有给出abs_path，那么当他作为请求URI时，必须以“/”的形式给出，通常这个工作浏览器自动帮我们完成

栗子

1. 输入www.crystal.com浏览器自动转换成http://www.oneperson.edu.cn/
2. http://192.168.0.40:8080/index

Http—请求

http请求由三部分组成，分别是：$请求行、消息报头、请求正文$
请求行以一个方法符号开头，以空格分开，后面跟着请求的URI和协议的版本，格式如下

Method Request-URI HTTP_Version CRLF
Method: 表示请求方法
Request-URI: 统一资源标识符
HTTP_Version： 请求的HTTP协议版本
CRLF: 回车和换行
!!!除了作为结尾的CRLF外，不允许出现单独的CR或LF字符

请求方法（所有方法全为大写）有多种，各个方法的解释如下：
GET 请求获取Request-URI所标识的资源
POST 在Request-URI所标识的资源后附加新的数据
HEAD 请求获取由Request-URI所标识的资源的响应消息报头
PUT 请求服务器存储一个资源，并用Request-URI作为其标识
DELETE 请求服务器删除Request-URI所标识的资源
TRACE 请求服务器回送收到的请求信息，主要用于测试或诊断
CONNECT 保留将来使用
OPTIONS 请求查询服务器的性能，或者查询与资源相关的选项和需求

Http—响应

在接受和解释请求消息后，服务器返回一个HTTP响应消息
HTTP响应也是由三个部分组成，分别是$状态行、消息报头、响应正文$
1、 状态行格式如下

HTTP-Version Status-Code Reason-Phrase CRLF
HTTP-Version： 服务器HTTP协议的版本
Status-Code：服务器发回的响应状态码
Reason-Phrase：状态代码的文本描述

状态码由三位数字组成，第一个数字定义了响应的类别，有五种可能的取值

1XX：指示信息--表示请求已接收，继续处理
2XX：成功--表示请求已被成功接收、理解、接受
3XX：重定向--要完成请求必须进行更进一步的操作
4XX：客户端错误--请求有语法错误或请求无法实现
5XX：服务器端错误--服务器未能实现合法的请求

常见的状态码、状态描述、说明：

200 OK // 客户端请求成功
400 Bad Request // 客户端请求有语法错误，不能被服务器所理解
401 Unauthorized // 请求未经授权，这个状态代码必须和WWW-Authenticate报头域一起使用
403 Forbidden // 服务器收到请求，但是拒绝提供服务
404 Not Found // 请求资源不存在，eg:输入了错误的URL
500 Internal Server Error // 服务器发生不可预期的错误
503 Server Unavailable // 服务器当前不能处理客户端的请求，一段时间后可能恢复正常

2、响应正文就是服务器返回的资源的内容

Http—消息报头

HTTP消息由客户端到服务器的请求和服务器到客户端的响应组成。
请求消息和响应消息都是有开始行（对于请求消息，开始行就是请求行；对于响应消息，开始行就是状态行），消息报头（可选），空行（只有CRLF的行），消息正文（可选）组成
HTTP消息报头包括普通报头、请求报头、响应报头、实体报头。
每一个报头域都是由名字+“：”+空格+值组成，消息报头域的名字是大小写无关的
1、普通报头
在普通报头中，有少数报头域用于所有的请求和响应消息，但并不用于被传输的实体，只用于传输的消息
Cache-Control 用于指定缓存指令，缓存指令是单向的（响应中出现的缓存指令在请求中未必会出现），且是独立的（一个消息的缓存指令不会影响另一个消息出来的缓存机制），HTTP1.0使用的类似的报头域为Pragma
请求时的缓存指令包括：no-cache（用于指示请求或响应消息不能缓存）、no-store、max-age、max-stale、min-fresh、only-if-cached
响应时的缓存指令包括：public、private、no-cache、no-store、no-transform、must-revalidate、proxy-revalidate、max-age、s-maxage
eg:
为了指示IE浏览器（客户端）不要缓存页面，服务器端的node.js程序可以编写如下

response.setHeader('Cache-Control', 'no-cache')

这句代码将在发送的响应消息中设置普通报头域：Cache-Control:no-cache
Date普通报头域表示消息产生的日期和时间
Connection普通报头域允许发送指定连接的选项。例如指定连接是连续，或者指定“close”选项，通知服务器，在响应完成后，关闭连接

2、请求报头
请求报头允许客户端向服务器端传递请求的附加信息
常用的请求报头

Accept
Accept请求报头域用于指定客户端接收哪些类型的信息。eg:Accept:image/gif, 表明客户端希望接受GIF图像格式的资源；Accept：text/html，表明客户端希望接受html文本
Accept-Charset
Accept-Charset请求报头域用于指定客户端接收的字符集。eg:Accept-CharSet:iso-8859-1,gb2312.如果在请求消息中没有设置这个域，缺省是任何字符集都可以接受
Accept-Encoding
Accept-Encoding请求报头域类似于Accept，但是它是用于制定可接受的内容编码。eg: Accept-Encoding:gzip.deflate.如果请求消息中没有设置这个域服务，假定客户端对各种内容编码都可以接受
Accept-Language
Accept-Language请求报头域类似于Accept，但是它是用于指定一种自然语言。eg:Accept-Language:zh-cn.如果请求消息中没有设置这个报头域，服务器假定客户端对各种语言都可以接受
Authorization
Authorization请求报头域主要用于证明客户端有权查看某个资源。当浏览器访问一个页面时，如果受到服务器的响应代码为401（未授权），可以发送一个包含Authorization请求报头域的请求，要求服务器对其进行验证。
Host（发送请求时，该报头域是必需的）
Host请求报头域主要用于指定被请求资源的Internet主机和端口号，它通常从HTTP URL中提取出来的
【
eg: 在浏览器中输入 http://www.crystal.com  浏览器发送的请求消息中就会包含HOST请求报头域： Host: www.crystal.com
此处使用缺省端口号80，若指定了端口号，则变成 Host: www.crystal.com:指定端口号
】
User-Agent
我们上网登陆论坛的时候，往往会看到一些欢迎信息，其中列出了你的操作系统的名称和版本，你所使用的浏览器
的名称和版本，这往往让很多人感到很神奇，实际上，服务器应用程序就是从User-Agent这个请求报头域中获取到
这些信息。User-Agent请求报头域允许客户端将它的操作系统、浏览器和其它属性告诉服务器。不过，这个报头域
不是必需的，如果我们自己编写一个浏览器，不使用User-Agent请求报头域，那么服务器端就无法得知我们的信息
了。

3、响应报头
响应报头允许服务器传递不能放在状态行中的附加响应信息，以及关于服务器的信息和对Request-URI所标识的资源进行下一步访问的信息。

常用的响应报头

Location
Location响应报头域用于重定向接受者到一个新的位置。Location响应报头域常用在更换域名的时候。

Server
Server响应报头域包含了服务器用来处理请求的软件信息。与User-Agent请求报头域是相对应的。下面是
Server响应报头域的一个例子：
Server：Apache-Coyote/1.1

WWW-Authenticate
WWW-Authenticate响应报头域必须被包含在401（未授权的）响应消息中，客户端收到401响应消息时候，并发送Authorization报头域请求服务器对其进行验证时，服务端响应报头就包含该报头域。
eg：WWW-Authenticate:Basic realm="Basic Auth Test!" //可以看出服务器对请求资源采用的是基本验证机制。

4、实体报头
请求和响应消息都可以传送一个实体。一个实体由实体报头域和实体正文组成，但并不是说实体报头域和实体正文要在一起发送，可以只发送实体报头域。实体报头定义了关于实体正文（eg：有无实体正文）和请求所标识的资源的元信息。

常用的实体报头

Content-Encoding
Content-Encoding实体报头域被用作媒体类型的修饰符，它的值指示了已经被应用到实体正文的附加内容的编码，因而要获得Content-Type报头域中所引用的媒体类型，必须采用相应的解码机制。Content-Encoding这样用于记录文档的压缩方法，eg：Content-Encoding：gzip

Content-Language
Content-Language实体报头域描述了资源所用的自然语言。没有设置该域则认为实体内容将提供给所有的语言阅读者。eg：Content-Language:da

Content-Length
Content-Length实体报头域用于指明实体正文的长度，以字节方式存储的十进制数字来表示。

Content-Type
Content-Type实体报头域用语指明发送给接收者的实体正文的媒体类型。
eg：
Content-Type:text/html;charset=UTF-8
Content-Type:application/json;charset=UTF-8

Last-Modified
Last-Modified实体报头域用于指示资源的最后修改日期和时间。

Expires
Expires实体报头域给出响应过期的日期和时间。为了让代理服务器或浏览器在一段时间以后更新缓存中(再次访问曾访问过的页面时，直接从缓存中加载，缩短响应时间和降低服务器负载)的页面，我们可以使用Expires实体报头域指定页面过期的时间。
eg：Expires：Thu，15 Sep 2006 16:23:12 GMT
HTTP1.1的客户端和缓存必须将其他非法的日期格式（包括0）看作已经过期。
eg：为了让浏览器不要缓存页面，我们也可以利用Expires实体报头域，设置为0，jsp中程序如下：response.setDateHeader("Expires","0");

编程部分

跨域问题

浏览器同源策略引发接口调用问题常用解决方案
1、 JSONP(JSON with Padding)，前端+后端方案，绕过跨域

前端构造script标签请求指定URL（由script标签发出的GET请求不受同源策略限制），服务
器返回一个函数执行语句，该函数名称通常由查询参callback的值决定，函数的参数为服务器
返回的json数据。该函数在前端执行后即可获取数据。

2、 代理服务器

请求同源服务器，通过该服务器转发请求至目标服务器，得到结果再转发给前端。
前端开发中测试服务器的代理功能就是采用的该解决方案，但是最终发布上线时如果web应
用和接口服务器不在一起仍会跨域。

3、CORS(Cross Origin Resource Share) - 跨域资源共享，后端方案，解决跨域
原理：cors是w3c规范，真正意义上解决跨域问题。它需要服务器对请求进行检查并对响应头做相应处理，从而允许跨域请求。
具体实现：

• 响应简单请求: 动词为get/post/head，没有自定义请求头，Content-Type是application/xwww-form-urlencoded，multipart/form-data或text/plain之一，通过添加以下响应头解决：

  res.setHeader('Access-Control-Allow-Origin', 'http://localhost:3001')
  

• 响应preflight请求，需要响应浏览器发出的options请求（预检请求），并根据情况设置响应头：

  else if (method == "OPTIONS" && url == "/users") { 
  	res.writeHead(200, { 
  		"Access-Control-Allow-Origin": "http://localhost:3001",
  		"Access-Control-Allow-Headers": "X-Token,Content-Type", 
  		"Access-Control-Allow-Methods": "PUT" 
  	}); 
  	res.end(); 
  }
  

  该案例中可以通过添加自定义的x-token请求头使请求变为preflight请求

  // index.html 
  axios.get("http://localhost:3000/users", {headers:{'X- Token':'jilei'}})
  

  则服务器需要允许x-token，若请求为post，还传递了参数：

  // index.html
  axios.post("http://localhost:3000/users", {foo:'bar'}, {headers: {'X-Token':'jilei'}})
  // http-server.js 
  else if ((method == "GET" || method == "POST") && url == "/users") {}
  

  则服务器还需要允许content-type请求头

• 如果要携带cookie信息，则请求变为credential请求：

  // 预检options中和/users接口中均需添加 
  res.setHeader('Access-Control-Allow-Credentials', 'true');