您好,登錄后才能下訂單哦!
本篇內(nèi)容介紹了“websocket的原理及作用是什么”的有關(guān)知識(shí),在實(shí)際案例的操作過(guò)程中,不少人都會(huì)遇到這樣的困境,接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧!希望大家仔細(xì)閱讀,能夠?qū)W有所成!
首先我們看一下websocket的出現(xiàn)背景,我們知道http系列協(xié)議是建立在tcp上的,理論上,他是可以可以雙向通信的。但是http1.1之前,服務(wù)器沒(méi)有實(shí)現(xiàn)推送的功能。每次都是客戶端請(qǐng)求,服務(wù)器響應(yīng)。下面看一下http協(xié)議關(guān)于請(qǐng)求處理的發(fā)展。
http1.0的時(shí)候,一個(gè)http請(qǐng)求的生命周期是客戶端發(fā)起請(qǐng)求,服務(wù)器響應(yīng),斷開(kāi)連接。但是我們知道tcp協(xié)議的缺點(diǎn)就是,三次握手需要時(shí)間,再加上慢開(kāi)始等特性,每一個(gè)http請(qǐng)求都這樣的話,效率就很低。
http1.1的時(shí)候,默認(rèn)開(kāi)啟了長(zhǎng)連接(客戶端請(qǐng)求中設(shè)置了keep-alive頭),服務(wù)器處理一個(gè)請(qǐng)求后,不會(huì)立刻關(guān)閉連接,而是會(huì)等待一定的時(shí)間。如果沒(méi)有請(qǐng)求才關(guān)閉連接。這樣瀏覽器不僅可以在一個(gè)tcp連接中,不斷地發(fā)送請(qǐng)求(服務(wù)器也會(huì)限制一個(gè)連接上可以處理的請(qǐng)求閾值),甚至可以一次發(fā)很多個(gè)請(qǐng)求。這就是http1.1的管道化(pipeline)技術(shù)。但是他也有個(gè)問(wèn)題,因?yàn)閷?duì)于基于http協(xié)議的客戶端來(lái)說(shuō),雖然他可以發(fā)很多請(qǐng)求出去,但是當(dāng)一個(gè)請(qǐng)求對(duì)于的回包回來(lái)時(shí),他卻無(wú)法分辨是屬于哪個(gè)請(qǐng)求的。所以回包只能按請(qǐng)求順序返回,這就引來(lái)了另一個(gè)問(wèn)題-線頭阻塞(Head-of-Link Blocking)。并且http1.1雖然支持長(zhǎng)連接,但是他不支持服務(wù)端推送(push)的能力。如果服務(wù)器有數(shù)據(jù)要給客戶端,也只能等著客戶端來(lái)取(pull)。
來(lái)到了http2.0,不僅實(shí)現(xiàn)了服務(wù)器推送,還使用了幀(iframe),流(stream)等技術(shù)解決了線頭阻塞的問(wèn)題,http2.0在一個(gè)tcp連接中,可以同時(shí)發(fā)送多個(gè)http請(qǐng)求,每個(gè)請(qǐng)求是一個(gè)流,一個(gè)流可以分成很多幀,有了標(biāo)記號(hào),服務(wù)器可以隨便發(fā)送回包,客戶端收到后,根據(jù)標(biāo)記,重新組裝就可以。
以上是http協(xié)議的關(guān)于請(qǐng)求的一些發(fā)展,而websocket就服務(wù)端推送提供了另外一種解決方案。他本質(zhì)上是在tcp協(xié)議上封裝的另一種應(yīng)用層協(xié)議(websocket協(xié)議)。因?yàn)樗腔趖cp的,所以服務(wù)端推送自然不是什么難題。但是在實(shí)現(xiàn)上,他并不是直接連接一個(gè)tcp連接,然后在上面?zhèn)鬏敾趙ebsocket協(xié)議的數(shù)據(jù)包。他涉及到一個(gè)協(xié)議升級(jí)(交換)的過(guò)程。我們看看這個(gè)過(guò)程。
1 客戶端發(fā)送協(xié)議升級(jí)的請(qǐng)求。在http請(qǐng)求加上下面的http頭
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
Sec-WebSocket-Key: k1kbxGRqGIBD5Y/LdIFwGQ==
Sec-WebSocket-Version: 13
Upgrade: websocket
2 服務(wù)器如果支持websocket協(xié)議的話,會(huì)返回101狀態(tài)碼表示同意協(xié)議升級(jí),并且支持各種配置(如果服務(wù)器不支持某些功能或版本,或告訴客戶端,客戶端可以再次發(fā)送協(xié)議升級(jí)的請(qǐng)求)。服務(wù)會(huì)返回形如下面的http頭(可以參考websocket協(xié)議)。
Connection: Upgrade
Sec-WebSocket-Accept: y73KZR4t+hqD6KKYbkx2tULfBsQ=
Upgrade: websocket
3 這樣就完成了協(xié)議的升級(jí),后續(xù)的數(shù)據(jù)通信,就是基于tcp連接之上,使用websocket協(xié)議封裝的數(shù)據(jù)包。
下面我們通過(guò)wireshark來(lái)了解這個(gè)過(guò)程。首先我們啟動(dòng)一個(gè)服務(wù)器(ip:192.168.8.226)。
var http = require('http');
var fs = require('fs');
const WebSocket = require('ws');
// 如果在瀏覽器控制臺(tái)進(jìn)行測(cè)試,可以不起http服務(wù)器
const server = http.createServer(options,function(req,res){
res.end(fs.readFileSync(`${__dirname}/websocket.html`));
}).listen(11111);
const wss = new WebSocket.Server({ server });
wss.on('connection', function connection(ws) {
ws.on('message', function(message) {
ws.send(message);
});
ws.send('get it');
});
我們可以直接在瀏覽器控制臺(tái)進(jìn)行測(cè)試
var ws = new WebSocket("ws://192.168.8.226:11111");
// 連接上后執(zhí)行
ws.send(11)
這時(shí)候,我們看看wireshark的包。
我們?cè)賮?lái)看看安全版本的websocket。我們啟動(dòng)一個(gè)https服務(wù)器。
var https = require('https');
var fs = require('fs');
const WebSocket = require('ws');
var options = {
key: fs.readFileSync('./server-key.pem'),
ca: [fs.readFileSync('./ca-cert.pem')],
cert: fs.readFileSync('./server-cert.pem')
};
const server = https.createServer(options,function(req,res){
res.end(fs.readFileSync(`${__dirname}/websocket.html`));
}).listen(11111);
const wss = new WebSocket.Server({ server });
wss.on('connection', function connection(ws) {
ws.on('message', function(message) {
ws.send(message);
});
});
然后在瀏覽器控制臺(tái)執(zhí)行。
var ws = new WebSocket("wss://192.168.8.226:11111");
ws.sned(11);
然后來(lái)看看wireshark。
經(jīng)過(guò)一系列的分析,我們對(duì)websocket協(xié)議應(yīng)該有了更多的了解,最后再說(shuō)一個(gè)關(guān)于websocket的點(diǎn)。我們發(fā)現(xiàn)如果在websocket連接上,一直不通信的話,websocket連接所維持的時(shí)間是依賴tcp實(shí)現(xiàn)的。因?yàn)槲覀儼l(fā)現(xiàn)tcp層會(huì)一直發(fā)送探測(cè)包。達(dá)到閾值之后,連接就會(huì)被斷開(kāi)。所以我們想維持websocket連接的話,需要自己去發(fā)送心跳包,比如ping,pong。
總結(jié):本文分析了websocket的基本原理,但不涉及協(xié)議的內(nèi)容,如需了解協(xié)議的內(nèi)容,可以參考rfc文檔。
“websocket的原理及作用是什么”的內(nèi)容就介紹到這里了,感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站,小編將為大家輸出更多高質(zhì)量的實(shí)用文章!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。