盒子
盒子
文章目录
  1. 用node.js脚本搭建最简单的服务器
  2. 再次强调 再次强调,后缀是废话。文件内容是有 HTTP 头中的 Content-Type 保证的
  3. 当你在地址栏输入一个网页的时候发生了什么呢?

服务器雏形


我们都知道李爵士建立了第一个网页、第一个浏览器、第一个服务器。前面两个,我们都见过了,但是服务器我们目前没有亲自实现过,所以有必要了解一下,服务器的一些基础知识。


以下是手写服务器脚本的必备知识

  • HTTP是建立在TCP/IP的基础之上的
    • TCP是什么
      TCP 传输控制协议(Transmission Control Protocol)
      1
      2
      3
      4
      5
      6
      7
      8
      面试必问的两道题
      1、TCP和UDP的区别
      TCP是可靠的、面向连接的,相对UDP速度慢,UDP是不可靠的,不是面向连接的,速度快。可靠是指你的请求成不成功都会有响应,成功了就告诉你ok,失败了也告诉你访问失败,面向连接是指每次必须发起一个请求,这端是浏览器,另一端是你要访问的地址
      TCP可以看成是把石子扔到水里,UDP是把石头扔进草垛里面
      2、TCP的三次握手是啥
      第一次 客户端问服务器,我能连接吗
      第二次 服务器回答说,我准备好了,可以连接啦
      第三次 客户端说,那我就真的连接喽

上述两个面试题可以仔细阅读这两篇文章 TCP与UDP的区别TCP三次握手详解

  • 路由器的基础
    只要我们在互联网中,就要用到IP 网络协议(Internet Protocol),IP有分为内网IP和外网IP,它们的分界线就是路由器。
    内网和外网.png
  • 内网之间可以自由沟通,外网之间自由沟通。但是内外网不能直接沟通,必须通过路由,路由是一夫当关万夫莫开,也叫网关。
  • 当路由器连上电信的服务器,就会获得一个外网IP(14.17.32.211),当你重启的时候又会重新分配一个。所以大多数的公司,会买一个固定的。
  • 好了,此时路由和外界可以联通了,那么如何和你联通呢。答案就是 内网
  • 路由器会在你家里创建一个内网,内网中的设备使用内网 IP,一般来说这个 IP 的格式都是 192.168.xxx.xxx。路由器还会给自己优先分配一个好的内网IP(192.168.1.1),你就有可能是192.168.1.2。
  • 现在路由器有两个 IP,一个外网 IP(14.17.32.211)和一个内网 IP(192.168.1.1)
    具有双重间谍的作用。它是内外沟通的桥梁
  • 除此之外,还有一个localhost127.0.0.10.0.0.0这两个很重要的IP
    可以在你的hosts文件里面修改localhost文件
  • 端口和 ip、各种服务
    你想要访问一个设备(前提是你使用的是 TCP 或 UDP 协议。还记得吗,HTTP 就使用了 TCP),只指定 IP 是不够的,还必须指定端口(Port)。
    端口就是一个编号,并不是物理设备。因为一个设备里面有很多功能,你不知道用哪个功能,所以要用端口来区分你要哪个服务。
    -两个问题
    1、我怎么知道使用哪个端口
    详见0-1023端口详解
    2、总共有多少个端口啊
    每个机器一共有 65535(2的16次方减1)个端口(这是协议规定的)。不过这些端口的使用由一些规定

    1
    2
    3
    1、0 到 1023(2的10次方减1)号端口是留给系统使用的,你只有拥有了管理员权限后,才能使用这 1024 个端口。
    2、其他端口可以给普通用户使用
    3、如果一个端口正在提供服务,也就是被占用了,那么就不能再使用这个端口。除非你先停掉正在占用这个端口的服务。以后你们会经常遇到这个问题。
  • 综上所述,要想访问一个地址,必须提供IP和端口号!!!
    IP通过DNS解析你的域名,给你。端口号必须给出
    问题来了
    我访问http://qq.com 时并没有提供端口号,为什么我依然可以访问

    1
    因为浏览器给你加上了80端口

用node.js脚本搭建最简单的服务器

    1. 用server接收请求
  • 2.用server发挥响应,完成网页的解析
    核心代码如下所示,可以模拟一个微型的服务器
    一定要注意,response.setHeader(‘ContentType’, ‘text/html;charset=utf-8’)
    这是告诉浏览器两件事,一是设置头文件,告诉浏览器响应的第四部分按照什么格式来响应,二是告诉浏览器字符编码采用utf-8,避免乱码。
    [图片上传中...(响应修改编码.png-1d11fb-1512915328362-0)]
    响应修改编码.png
    响应内容.png
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
var http = require('http')
var fs = require('fs')
var url = require('url')
var port = process.argv[2]

if(!port){
console.log('请指定端口号好不啦?\nnode server.js 8888 这样不会吗?')
process.exit(1)
}

var server = http.createServer(function(request, response){
var parsedUrl = url.parse(request.url, true)
var path = request.url
var query = ''
if(path.indexOf('?') >= 0){ query = path.substring(path.indexOf('?')) }
var pathNoQuery = parsedUrl.pathname
var queryObject = parsedUrl.query
var method = request.method

/******** 从这里开始看,上面不要看 ************/

console.log('方方说:得到 HTTP 路径\n' + path)
if (path == '/style'){
response.setHeader('Content-Type', 'text/css;charset=utf-8')
response.write('body{backgroun-color: #ddd;}h1{color: red;}')
response.end()
}else if(path == '/script'){
response.setHeader('Content-Type', 'text/javascript;charset=utf-8')
response.write('alert("这是js执行的")')
response.end()
}else if(path == '/index'){
response.setHeader('Content-Type', 'text/html;charset=utf-8')
response.write('<!DOCTYPE>\n<html>' +
'<head><link rel="stylesheet" href="/style"></head>' +
'<body>' +
'<h1>你好,Node.js</h1>' +
'<script src="/script"></script>' +
'</body></html>')
response.end()
}else{
response.statusCode = 404
response.end()
}

/******** 代码结束,下面不要看 ************/
})

server.listen(port)
console.log('监听 ' + port + ' 成功\n请用在空中转体720度然后用电饭煲打开 http://localhost:' + port)

再次强调 再次强调,后缀是废话。文件内容是有 HTTP 头中的 Content-Type 保证的

HTTP 路径不是文件路径!!!/xxx.html 不一定对应 xxx.html 文件
HTTP 路径不是文件路径!!!/xxx.html 不一定对应 xxx.html 文件
HTTP 路径不是文件路径!!!/xxx.html 不一定对应 xxx.html 文件

  • 你请求的时候,查询的内容是?后面的内容
    查询的参数从问好开始.png

    当你在地址栏输入一个网页的时候发生了什么呢?

    你输入完之后,缺http,浏览器帮你加上,缺路径,帮你加上/,缺端口,帮你加上80。
    QQ图片20171210222219.png