美文网首页
NODE 构建Web应用

NODE 构建Web应用

作者: TaoGeNet | 来源:发表于2017-05-12 11:36 被阅读39次

构建web应用会遇到的问题

请求方法的判断

URL路径的解析

URL中查询字符串的解析

Cookie的解析

表单数据得解析

任意格式文件的上传处理

会话的需求

请求方法

web请求方法存在于报文的第一行的第一个单词,通常大写

curl -v url

HTTP_Parser在解析请求报文的时候,将报文抽取出来,设置为req.method。存在的相应有POST、DELETE、PUT、GET。

PUT代表新建一个资源,POST表示要更新一个资源,GET表示查看一个资源,而DELETE表示删除一个资源

路径解析

客户端代理(浏览器)会将这个地址解析成报文,将路径和查询的部分放在报文的第一行。最常见的根据路径进行业务的应用是静态文件服务器,它会根据路径去查找磁盘中的文件,然后将其相应给客户端

http://user:pass@host.com:8080/p/a/t/h?query=string

查询字符串

查询字符串位于路径之后,在地址栏中路径后的?foo=bar&baz=val字符串就是查询字符串

这个字符串会跟随在路径之后,形成请求报文首行第二部分,为业务逻辑所用

Node提供了queryString 模块用于处理这部分数据

var url = require('url');

var querystring = require('querystring');

var query = querystring.parse(url.parse(req.url).query);

它会将查询字符串解析成一个JSON对象

{

foo:'bar',

baz:'val'

}

Cookie & Session

HTTP是一个无状态协议,业务逻辑需要一定得状态来区分用户身份。

Cookie的处理分为以下几步:

服务器像客户端发送Cookie

浏览器将cookie保存

之后每次浏览器都会讲Cookie发向服务器

cookie值得格式为 key = value;key=value形式

服务器告知客户端设置cookie的值,在Set-Cookie字段中

Set-Cookie字段的格式为

Set-Cookie:name=value;Path=/; Expires=Sun, 23-Apr-23 09:01:35 GMT; Domain=.domain.com;

其中name=value是必须包含的部分,其余部分皆是可选参数。参数的意义:

path:表示这个Cookie影响的路径,当前访问的路径不满足改匹配时,浏览器不发送这个Cookie

Expires和Max-Age 告知浏览器这个Cookie何时过期,如果不设置该选项,在关闭浏览器时会丢失掉这个Cookie

HttpOnly 告知浏览器不允许通过脚本document.cookie来更改Cookie值。

Secure 当secure设置为true,在HTTP请求中这个Cookie是无效的,HTTPS中才有效

Cookie的性能影响:

由于Cookie的实现机制,一旦服务器向客户端发送了设置Cookie的意图,除非Cookie过期,否则客户端每次请求都会发送这个写Cookie到服务器端,一旦设置Cookie过多,会导致报文较大。

针对该问题做一下几点优化

减小Cookie的大小  : 限定Cookie域

为静态组件使用不同的域名:  换域名减少无效Cookie的传输,引入的问题域名转换为IP需要DNS查询,多一个域名多一次DNS查询

减少DNS查询:  冲突规则,现在浏览器都会进行DNS缓存

Cookie除了服务器可以设置,客户端也可以通过Document.cookie进行修改,修改后,在后续的网络请求中就会携带上修改后的值

Session

Cookie的缺点,1.会存在体积过大 2 前后端都可进行修改,数据容易被篡改和伪造

Session 的数据只保留在服务器端,客户端无法进行修改,数据也无须在协议中每次都被传递

利用Session如何将每个客户端与服务器对应起来,常见有以下方式

1.基于Cookie来实现用户和数据得映射

cookie中只存放口令,服务器接受到Cookie口令去找对应的Session。

这是目前大多数web应用的方案,如果客户端禁止使用Cookie,瞎

2.通过查询字符串来实现浏览器和服务器端数据的对应。风险比较大

Session 与内存

session引入的问题

1.Session 存放在内存中,用户量增多,内存量的数据会加大,会引起垃圾回收的频繁扫描,影响性能。极端会耗尽内存

2.利用多核CPU开启多个进程启动服务,用户的连接请求会被随意分配到各个进程中,Node的进程与进程之间不能直接共享内存,用户的Session可能会引起混乱,这种问题通过Session集中化,将Session存在缓存中,目前redis,memcached等

数据上传

Node的http模块只对HTTP报文的头部进行解析,然后触发request事件,如果请求中还带有内容部分,内容部分需要用户自行接受和解析。可以通过Transfer-Encoding或Content-Length即可判断请求中是否带有内容

表单数据

最为常见的数据提交是网页表单提交数据到服务器端

默认的表单提交,请求头中的Content-Type字段值为applicant/x-www-form-urlencoded

由于它的内容跟查询字符串相同

req.body = query string.parase(req.rawBody);

后续的业务直接访问req.body就可以

其他格式

除了表单数据外,常见的提交还有JSON/XML文件等,判断和解析的原理都是依据content-type中的值决定。

其中JSON类型的值为application/json ,XML 的值为 application/xml

附件上传

附件的上传表单中含有file类型控件,以及需要制定表单属性encpty为multipart/form-data

浏览器在遇到multipart/form-data表单提交时,构造的请求报文与普通表单完全不同,其中报头

content-type:multipart/form-data; boundary=AaBo3x

content-length:18321;

它代表本次提交内容是由多部分构成,其中boundary代表每部分的分界符,随机产生。

流式解析报文,这里提到的模块为formidable。将接受到的文件写入到系统临时文件夹中,并返回对应的路径。

数据上传内存问题

内存限制:数据上传请求并发量大如果文件存放在内存中,服务器内存很快耗尽。

解决方案:1.限制上传内容的大小。2.采用流式解析,将数据流导向磁盘汇总,Node只保留文件路径等小数据

路由解析

文件路径型

1.静态文件

请求路径对应服务器文件,比较简单

2.动态文件

web服务器根据URL路径找到对应的文件,WEB服务器根据文件名后缀去寻找脚本的解析器,并传入HTTP请求的上下文。

MVC

用户的请求的URL路径可以跟具体的脚本所以得路径没有任何关系。

use('/user/setting', exports.setting);

MVC模型叫业务逻辑按职责分离

工作模式如下:

路由解析,根据URL寻找到对应的控制器和行为。

行为调用相关的模型,进行数据操作

数据操作结束后,调用视图和相关数据进行页面渲染,输出到客户端。

URL 做路由映射,有两种方式1.手工关联映射。2.自然关联映射。

优缺点:手动映射,如果项目较大,路由映射的数量也会很多,从路径到具体的控制器,需要查看代码才能知道。 自然关联映射,如果URL变动,文件也需要变动,手工映射只需要更改路由映射即可

RESTful

representational state transfer 表现层转态转化

设计哲学主要将服务端提供的内容实体看做一个资源,并表现在URL上

例如:

/uses/jacksontian

这个地址代表一个资源,对这个资源的操作,主要体现在HTTP请求方法上,不体现在URL上。

过去对用户的增删改设计的URL为

POST  /user/add?username=jack

GET   /user/remove?username=jack

POST  /user/update?username=jack

GET    /user/get?username=jack

在RESTful设计中如下:

POST  /user/jack

DELETE   /user/jack

PUT  /user/jack

GET    /user/jack

将DEL PUT 请求方法引入到设计中,参与资源的操作和更改资源状态

RESTful是对MVC更好的改进,相比较,只是将HTTP请求的方法加入了路由的过程,以及在url路径上体现的更资源化

中间件   自看

NODE 学习参考

1.Node.js 开发指南

2.深入浅出 node.js

3 Node.js实战

https://github.com/yantao608/myblog

相关文章

  • NODE 构建Web应用

    构建web应用会遇到的问题 请求方法的判断 URL路径的解析 URL中查询字符串的解析 Cookie的解析 表单数...

  • Node——构建Web应用

    基础功能 之前我们通过http模块创建了一个简单的服务器,但是对于一个网络应用来说肯定是远远不够的,在聚义的业务中...

  • Node - 构建web应用

    基础功能 对一个web应用而言,具体的业务中,我们可能有如下需求: 1.请求方法的判断 2.URL的路径解析 3....

  • vue+express+mongoose构建web应用

    前言 本次分享主要是介绍如何利用Node、MongoDB等技术构建web应用,项目如何构建,新技术分享。目标是实现...

  • Node-构建web应用2

    数据上传 单纯的头部报文无法携带大量的数据,在业务中,我们往往需要接收一些数据,比如表单提交、文件提交、JSON上...

  • node构建web应用-基础功能

    一个Web应用可能有如下需求: 请求方法的判断。 URL的路径解析。 Cookie的解析。 Basic认证。 表单...

  • Mongoose使用population建立关系链接实例说明

    引用文档: 基于Node.js项目实践,构建可扩展的web应用(当当书籍地址) Mongoose 使用之 Popu...

  • Nest.js基础知识之模块控制器

    简单介绍 用于构建高效且可伸缩Web应用程序的渐进式 Node.js 框架。完美支持 Typescript,面向 ...

  • 构建 Node Web ToDoList 程序

    构建 Node Web ToDoList 程序 本文是《Node.js 实战》读书笔记。 node 中 HTTP请...

  • Node-http模块

    一、使用 Node 构建 web 应用 PHP是后端的网站开发语言,PHP 开发出来的网站,可以通过 Apache...

网友评论

      本文标题:NODE 构建Web应用

      本文链接:https://www.haomeiwen.com/subject/gbratxtx.html