廖雪峰老师的课堂——http

Node.js开发的目的就是为了用JavaScript编写Web服务器程序。因为JavaScript实际上已经统治了浏览器端的脚本,其优势就是有世界上数量最多的前端开发人员。如果已经掌握了JavaScript前端开发,再学习一下如何将JavaScript应用在后端开发,就是名副其实的全栈了。

HTTP协议

要理解Web服务器程序的工作原理,首先,我们要对HTTP协议有基本的了解。如果你对HTTP协议不太熟悉,先看一看HTTP协议简介。

HTTP服务器

要开发HTTP服务器程序,从头处理TCP连接,解析HTTP是不现实的。这些工作实际上已经由Node.js自带的模块完成了。应用程序并不直接和HTTP协议打交道,而是操作模块提供的和对象。

对象封装了HTTP请求,我们调用对象的属性和方法就可以拿到所有HTTP请求的信息;

对象封装了HTTP响应,我们操作对象的方法,就可以把HTTP响应返回给浏览器。

用Node.js实现一个HTTP服务器程序非常简单。我们来实现一个最简单的Web程序,它对于所有请求,都返回:

在命令提示符下运行该程序,可以看到以下输出:

不要关闭命令提示符,直接打开浏览器输入,即可看到服务器响应的内容:

同时,在命令提示符窗口,可以看到程序打印的请求信息:

这就是我们编写的第一个HTTP服务器程序!

文件服务器

让我们继续扩展一下上面的Web程序。我们可以设定一个目录,然后让Web程序变成一个文件服务器。要实现这一点,我们只需要解析中的路径,然后在本地找到对应的文件,把文件内容发送出去就可以了。

解析URL需要用到Node.js提供的模块,它使用起来非常简单,通过将一个字符串解析为一个对象:

结果如下:

处理本地文件目录需要使用Node.js提供的模块,它可以方便地构造目录:

使用模块可以正确处理操作系统相关的文件路径。在Windows系统下,返回的路径类似于,这样,我们就不关心怎么拼接路径了。

最后,我们实现一个文件服务器:

没有必要手动读取文件内容。由于对象本身是一个,直接用方法就实现了自动读取文件内容并输出到HTTP响应。

在命令行运行,把改成你本地的一个有效的目录,然后在浏览器中输入:

只要当前目录下存在文件,服务器就可以把文件内容发送给浏览器。观察控制台输出:

第一个请求是浏览器请求页面,后续请求是浏览器解析HTML后发送的其它资源请求。

练习

在浏览器输入时,会返回404,原因是程序识别出HTTP请求的不是文件,而是目录。请修改,如果遇到请求的路径是目录,则自动在目录下依次搜索、,如果找到了,就返回HTML文件的内容。

参考源码

http服务器代码(含静态网站)

https://github.com/michaelliao/learn-javascript/tree/master/samples/node/http

有你想看的精彩

感谢您的阅读,如果你觉得我的公众号还不错,请多帮我推荐给你的朋友,多谢了。

前端大牛爱好者:每天一篇前端技术文章,不定时前端干货发送

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20180815B1AZGU00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券