[NET101] 網路基礎概論 筆記

[iamvince24]

前言：內容為 [NET101] 網路基礎概論（搭配 JS 實作練習） 的筆記

為什麼我們需要協定（protocol）？

• 統一格式
  • 更多服務
  • 規模化

HTTP 是個什麼玩意兒？

• 一個協定（標準）

HTTP request 的一生

• Dev tool →
  • Network
    • 可以看到所有 request

我只是個計程車司機：DNS Server

• 一般來說要寫 IP 位置

  • 但可以寫網址就好
    • 所以需要一個機制來轉 IP 位置(Domain name 與 實際位置 IP 轉換)

• terminal → nslookup [url] → 可以找 IP 位置

• /hosts

  • Adobe 盜版
    • 把 request 轉到一個不明所以的地方，所以不會有 response 來確認是不是盜版。

永遠不要忘記瀏覽器只是另一個程式

• 沒有 browser 也可以收到 response，自己寫程式也可以做到這些事。
• 補充 : Request 套件
  • As of Feb 11th 2020, request is fully deprecated 從 2020 Feb. 11 開始，停止更新
  • 詳細可以參考作者的 issue : Request’s Past, Present and Future

Header 與 Body（不是網頁的那個）

• 每個 response 都帶著 header 與 body

GET 與 POST

• GET → read
• POST → Adding new one

其他的 HTTP Method

• MDN HTTP Method
  • HEAD

The HEAD method asks for a response identical to a GET request, but without the response body.

• PUT vs PATCH
  • PUT → 會取代掉整個東西
  • PATCH → 更新指定資源
  • OPTION
    • 這個 server 支援哪些方法

常見的 HTTP Status code

• 1XX

  • client 端要進行一些處理

• 2XX

  • 成功
    • 200 → OK
    • 204 → 成功處理，不返回東西
      • DELETE

• 3XX

  • 301 → 永久地被移動到新的位置（之後不會再詢問，會直接過去）

    • 302 → 暫時地被移動到新的位置

• 4XX

  • 404 → 找不到東西

• 5XX

  • 500 → server 出了錯

實作一個超簡易 HTTP Server

• writeHEAD(代碼, 指定HEADer)
  • 'lidemy': 'good'
  • 轉址 → 'Location': '/hello'

var http = require('http')

var server = http.createServer(function(req, res){
    console.log(req.url)

    if (req.url === '/'){
        res.write('welcome')
        res.end()
        return
    }

    if (req.url === '/hello'){  
        res.write('hello')
        res.end()
        return
    }

    if (req.url === '/redirect'){   
        res.writeHEAD(200, {
            'Location': '/hello'
        })
        res.end()
        return
    }

    res.writeHEAD(404)
    res.end()
})

server.listen(5000)

---

TCP / IP 是個什麼玩意兒？

• 網路的層級
• OSI 基層（七層）
• TCPI / IP （四層）

IP 地址

• IPv6
  • 解決 IP 位置不夠用（IPv4）

虛擬 IP、浮動 IP 與固定 IP

• 理想狀況

  • 固定 IP
    • 伺服器
  • 浮動 IP
    • 防備攻擊

  • 虛擬 IP

    • 對外統一 IP
    • 內網會有不同 IP

Port 連接埠（端口）的作用

• 要給哪一個服務
• :Port
• 常用 Port
  • HTTP 80 (default)
  • HTTPS 443
  • FTP 21
• 測試 Port
  • 3000 ~ 5000

TCP 與 UDP

• TCP
  • 要連接可靠性
• UDP
  • NBA 即時戰況 → 要快

淺談三次握手

• 確認彼此收發功能

總結

---

API 是什麼？為什麼需要它？

• Application Programming Interface 應用程式介面
  • 使用 API
  • 提供 API
  • 情況
    • 我要怎麼知道網路狀況？
      • 作業系統提供的 API
    • 我要怎麼讀取檔案？
      • 作業系統提供的 API
    • 我要怎麼拿到 Facebook 的好友資料？
    • 別人要怎麼拿我網站上的資訊？
    • 別人如何在我這裡增加資料？
• 透過 API ，可以讓雙方交換資料。

API 與 Web API

• Twitter SDK
  • Software development kit
  • twitter.getTimeline()

串接 HTTP API 實戰

• reqres.in

  • Request - Simplified HTTP client

---

純文字與自定義格式

• 好處：
  • 可以自定義任何想要的格式。
• 壞處：
  • 相對要去寫怎麼處理這個格式的 function 。
• 一般來說不會用自訂義，一般會用：
  • XML
  • json

XML

• 用 HTML 形式的 tag 來區分資料

JSON (JavaScript Object Notation)

• JSON 一開始是一個字串，需要透過 JSON.parse(response) 來轉成 JavaScript 物件。
• 透過 JSON.stringify(obj) 來轉成 JSON 格式的字串

SOAP 簡介（Simple Object Access Protocol）

• 資料交換透過 XML

什麼叫做「其他的」API？

• 發一個 request 過去，就送一個 response 回來。
  • 像 pokemon api

RESTful 到底是什麼？

• 他不是一個協定，他是一個風格。

  • 刪除用 Delete 是一個良好的習慣，但不是規範。

  • 若沒有 RESTful 會變這樣：

    • 命名方式會不同。
    • 語意會有些影響。

• 若有 RESTful 的話

  • 很直覺地理解功能，因為有建議的規範。

API 串接實戰

自定義資料交換

• 也有很多 API 沒在 HTTP 上

必學指令：curl

• curl url
• curl - I url
  • 只要 header

ping, telnet 與 nslookup

• nslookup

  • 解析 domain 的 IP 地址

• ping

  • 去測試能否連線到主機

• telnet

  • 可以去 ping 一個指令的 port 有沒有開。

    • 可以傳資料給它

      • telnet ptt.cc 80
      • 預設 23 port

看穿網路的本質，才能不被迷惑

• 溝通是本質