最小化Http

    • b/s= browser/server
    • c/s= client/server

    nodejs做为新兴平台,自然在这方面也提供了较好支持。nodejs的http部分相对比较完善,足矣满足绝大多数应用使用,而且又有nodejs本身的事件异步机制,它天生并发就比较高,和其他语言比较

    • js语法简单
    • 开发速度快
    • 在不优化的情况下就会比java、php等其他语言高效
    • 部署和运维也相对简单

    综上,已经有非常多公司采用nodejs作为它们的后端技术栈。

    科普:无状态的http协议

    HTTP协议(HyperText Transfer Protocol,超文本传输协议)是用于从WWW服务器传输超文本到本地浏览器的传送协议。

    它可以使浏览器更加高效,使网络传输减少。

    它不仅保证计算机正确快速地传输超文本文档,还确定传输文档中的哪一部分,以及哪部分内容首先显示(如文本先于图形)等。

    HTTP是一个应用层协议,由请求和响应构成,是一个标准的客户端服务器模型。

    HTTP是一个无状态的协议。

    大家都明白,Web应用抽象起来就是客户端发出请求,请求到达服务器后,服务器经过一番捣鼓,给客户端发回一个应答。“请求”我们一般抽象成 request,“应答”是 response。服务器和客户端(一般也就是浏览器啦,但是绝不局限于浏览器哦。)之间交流的语言就是 HTTP 协议了。至于服务器怎么折腾出一个应答来的,就八仙过海,各显神通了。

    总之,Web 应用中两个重量级的东东就是: Request , Response 。

    前面我们说到,每次有访问进来,我们的代码都会跑一遍。

    现在的问题是,在我们的代码里,怎么抓到客户端发来的 request , 然后,到哪里去找这个 response ,好把我们捣鼓出来的东西放进去,发给客户端呢?

    答案是,只要我们把他们作为参数交给 tellme 函数(你可以给这个函数取任何名字甚至不给他名字),然后,当请求到达时,node.js 就会把客户的请求封装成 request ,预备发给客户的应答封装成 response 。

    最小化Http - 图2

    更多见

    Write a http server use Nodejs

    这就是最简单的实现

    如果要是根据不同url去处理呢?

    1. http.createServer(function(req, res){
    2. console.log(req);
    3. if(req.url =='/'){
    4. res.end('Hello world!');
    5. }else if(req.url =='/2'){
    6. res.end('Hello world!2');
    7. }else{
    8. res.end('Hello world! other');
    9. }
    10. }).listen(8888);

    如果成百上千、甚至更多http服务呢?这样写起来是不是太low了,肯定要封装一下,让它更简单。

    connect就是这样的一个框架,下面我们看一下

    node-inspector

    • 本地可以
    • Coding WebIDE不可以

    第一步

    1. npm i -g node-inspector

    第二步

      第三步

      打开

      Write a http server use Node connect

      Connect is an extensible HTTP server framework for node using “plugins” known as middleware.

      • extensible是可扩展的
      • HTTP server framework是http服务端框架
      • using “plugins” known as middleware即使用插件机制,就是大家常说的中间件

      1. http.createServer(function(request,response){
      2. ...
      3. }).listen(8888);

      1. var app = connect()
      2. // respond to all requests
      3. app.use(function(req, res, next){
      4. ...
      5. })
      6. //create node.js http server and listen on port
      7. http.createServer(app).listen(3011)

      说明

      • 都是http.createServer
      • 差异是createServer的参数独立出去了,并且在connect里通过app.use方法可以挂在多个插件式的中间件

      编程上有区分可变和不可变状态,可变的抽取出去,不可变的就固化好即可。connect做的就是提供了可变部分的插件化。

      好,我们再看一下它如何出个多个url情况

      • /
      • /2

      connect2.js

      1. var connect = require('connect')
      2. var http = require('http')
      3. var app = connect()
      4. app.use('/2', function fooMiddleware(req, res, next) {
      5. // req.url starts with "/foo"
      6. res.end('Hello from Connect2!\n');
      7. });
      8. // respond to all requests
      9. app.use(function(req, res){
      10. res.end('Hello from Connect!\n');
      11. })
      12. //create node.js http server and listen on port

      访问http://127.0.0.1:3011/2 看看能否访问?

      上面讲了,connect实际上是将开发中得可变部分抽象出来,通过app.use方法都挂载到app对象上,这样处理起来就非常简单、清晰了。

      下面我们看一下中间件顺序

      connect2.js

      访问 看看能否访问?

      答案是不能的,原因是第一个use里没有指定path,这时候它就响应了所有请求,根本不给第二use的机会,所以正确的写法是

      1. app.use('/', function fooMiddleware(req, res, next) {
      2. // req.url starts with "/foo"
      3. res.end('Hello from Connect2!\n');
      4. });
      5. app.use('/2', function fooMiddleware(req, res, next) {
      6. // req.url starts with "/foo"
      7. res.end('Hello from Connect2!\n');
      8. });
      9. // respond to other requests
      10. app.use(function(req, res){
      11. res.end('Hello from Connect!\n');
      12. })

      这其实和我们第一个http里写的if判断一样

      1. if(req.url =='/'){
      2. res.end('Hello world!');
      3. }else if(req.url =='/2'){
      4. res.end('Hello world!2');
      5. }else{
      6. res.end('Hello world! other');
      7. }

      这样的写法是不是很讨厌?顺序都要思考,弄死人了,这其实就是很多人埋怨nodejs坑多的原因之一,是真的有问题,还是自己没有弄明白呢?

      • use的中间件有顺序
      • 中间件分类:全局和路由里的
      • 中间件定义
      1. var express = require('express');
      2. var app = express();
      3. app.get('/', function (req, res) {
      4. res.send('Hello World')
      5. })
      6. app.listen(4001)

      总结一下

      • connect的helloworld
      • connect多url处理方式
      • 最后讲了一下中间件