如何快速入門VUE3.0：進入學習
這是Nodejs 系列的第一篇文章, 我之前看教程的時候,很多都是從IO、buffer、path、event、fs、process、node 事件循環機制開始說起的. 這些確實是node 開發主要依賴的開發依賴. 但是我比較著急, 從了解到node,就是說node 可以乾後端的話,但是這些課程前半截都在說它擁有的能力,就是最後才到如何和客戶端通訊的模組介紹.
我很難受,所以在我自己寫總結的時候,一定要寫先服務端和客戶端通信的模組才舒服.即便過程中涉及到了event 模組、fs 模組的知識點,可以暫時擱置,只從整體來理解net模組如何實現通信的.
想要學明白通信模組,就不得不了解網絡通信模型,想要記住網絡通信模型,就不得不實際操作來輔助記憶. 這是面試的重點. 這一塊內容很多,想要跟深入的了解,還說需要體系的學習的. 這裡只是簡單提提.
寄出這張老圖:
對於我們前端而言, 需要記住TCP/IP 協定簇的體系結果既可.
應用層: http(80 連接埠)、FTP(21)、SMTP(傳送郵件)、POP(接收郵件)、DNS
傳輸層: TCP/ UDP
網路層: IP,ICMP(是IP 層的附屬協定)
資料鏈結層: PPP, SLIP
實體層: 網路有雙絞線、同軸電纜、光纖等傳輸方式, 遵循ISO2110 規範
從ICMP這種依附於IP 協定的協定可以知道,對於網路協定的分層不用過於較勁. ICMP明明需要IP 協定為基礎,但是它也被規劃為網路層. 我們對於OSI 模型的正確的認識,我認為應該是用OSI 模型來進行問題的分析比用來對於協定進行所謂的分層更加來得有意義.
TCP/IP 協定簇並不是只是指TCP 和IP 協定,只是因為這兩個協定過於出圈,所以就用TCP /IP 來統稱互聯網相關聯的協定集合起來. 還有另外一種說法是,在使用TCP/IP 協定過程中使用到的協定族的統稱.
而客戶端和服務端的傳輸流如下
如果角色變成发送者和接受者的時候,傳輸流如下圖:
可以看出來傳輸的過程中,從發送端開始,沒經過一層協議都會加上所需要的首部信息.層層把關,層層加碼. 然後到了接收端的時候, 就反而行之, 每經過一層都剝去對應的首部. 只等到最後拿到的HTTP 數據.
上面圖片出自《圖解HTTP》
上面就是大體的網絡協議模型.
疑惑: 為什麼書上和很多地方在把OSI 體系結果中合併成TCP/IP五層協定之後,網路層的名稱會變成網際層呢?
第一次握手: 客戶端向服務端發送SYN 標誌位(序號是J), 並進入SYN_SENT 狀態(等待服務端確認狀態)
第二次握手: 服務端收到來自客戶端的SYN J, 服務端會確認該資料包已收到並發送ACK 標誌位(序號是J + 1)和SYN 標誌位(序號是K), 隨後進入SYN_REVD 狀態(請求接受並等待客戶端確認狀態)
第三次握手: 客戶端進入連線建立狀態後,向服務端發送ACK 標誌位(K+ 1) , 確認客戶端已收到建立連線,伺服器收到ACK 標誌後,服務端進入連線已建立狀態.
J 和K 都是為了確立是誰在請求. SYN 和ACK 的結構沒有什麼不同,只是發送的對像不一樣.
net模块就是對於上面TCP 連接的具體實現.
首先, 學習API 依舊推薦直接進入官方文檔. 其中中文文檔內容不會是最新版本的
在學習的時候,能夠有時間看英文文檔就盡量看英文文檔. 對於這一點我堅持了半年. 從一開始看不下去,直到現在能夠可以忍住不舒適感看下去. 半年時間進步就很明顯了. 而且這種不舒適感是一件好事,說明這個不是你的舒適區,畢竟勇於跨過自己的舒適區才是進步的源泉
接下來,進行正題.既然要學習通信,那我們就需要兩個物件來模擬客戶端和服務端.分別建立client.js和service.js兩個檔案. 透過命令列建立:
touch client.js && touch service.js
引入net模組,並讓伺服器進入LISTENT狀態, 以及配置連接埠號碼和HOST 位址(手動略過DNS 解析過程), 等待客戶端的召喚
const net = require("net");
const post = 3306;
const host = "127.0.0.1";
const server = net.createServer();
server.listen(post, host);此時伺服器對應了TCP 連線中伺服器LISTEN狀態.
隨後監聽一些必要的事件,也就是server 提供的鉤子.(屬於event 相關知識)
server.on("listening", ( ) => {
console.log("伺服器已經可以連接啦");
});
server.on("connection", (socket) => {
console.log("有客戶端來訪咯");
});
server.on("close", () => {
console.log("伺服器關閉了");
});
server.on("error", (error) => {
console.log("伺服器出錯啦: ", error); // error 有錯誤的訊息});上面這一字串程式碼涉及到了,
listening : 監聽埠後出發的事件connection : 有客戶端來訪的時候觸發事件close : 伺服器關閉觸發error : 伺服器出錯觸發對於close我們需要注意的是,後台大哥一般是直接
ps kill -9 pid
透過殺死線程的方式來進行的
在connection狗子中, 形參是socket 命名. 它的中文翻譯為嵌套字, 被node 封裝成了stream(流).在可以粗淺的理解為就是客戶端發送過來的資料. 這是這個資料本身是有方法的. 我在connection中對socket來進行處理
server.on("connection", (socket) => {
console.log("有客戶端來訪咯");
socket.on("data", (data) => {
console.log(data); // 用戶端傳送過來的資料});
}); stream 以後的文章會進行介紹.
服務端既然能夠接受客戶端發過來的數據,自然也能夠給客戶端回复. 在socket.on中寫入(當然也可以寫在外面):
socket.write ("我已經收到你的伺服器了哦,客戶端");此時如果客戶端已經完成了資料的接受,然後關閉了連接.我們可以也可以透過socket.on('close')鉤子監聽到:
socket.on("close", () => {
console.log("客戶端把另外一頭的流給關了");
});對於socket事件的總結放入client.js中. 此時service.js的所有內容如下:
const net = require("net");
const post = 3306;
const host = "127.0.0.1";
const server = net.createServer();
server.listen(post, host);
server.on("listening", () => {
console.log("伺服器已經可以連接啦");
});
server.on("connection", (socket) => {
console.log("有客戶端來訪咯");
socket.on("data", (data) => {
console.log(data); // 用戶端發送過來的資料socket.write("我已經收到你的伺服器了哦,客戶端");
});
socket.on("close", () => {
console.log("客戶端把另外一頭的流給關了");
server.close(); // 客戶端已經不要資料了,那麼我們就把伺服器給關閉了吧});
});
server.on("close", () => {
console.log("伺服器關閉了");
});
server.on("error", (error) => {
console.log("伺服器出錯啦: ", error); // error 有錯誤的訊息}); 客戶端的就簡單很多.
const net = require("net");
const post = 3306;
const host = "127.0.0.1";
const socket = net.connect(post, host);
socket.on("connect", () => {
console.log("已經連接到伺服器了哦");
});
socket.write("伺服器, 我來了");
socket.on("data", (data) => {
console.log(data.toString());
socket.end();
});
socket.on("close", () => {
console.log("連線已關閉了");
});對於socket的事件的總結
connect : 成功和伺服器連接觸發data : 接受到伺服器發過來的參數end : 資料接收完畢之後可以觸發close : socket 關閉觸發service.js和client.js框架已經寫完,那些先後在打開兩個終端機運行他們:
node service.js node client.js
自行查看列印的結果.
整個TCP 連接的框架大體就已經完成了. 當然實際的生產遠遠不止這些. 還要處理粘包、拆包/數據包, 心跳包等等.
本文轉載自： https://juejin.cn/post/7084618854801866765
作者：我是小橘子哦