DNS,CDN 學習資源
- 1.1.1.1
- 還在 Google DNS 8.8.8.8？更安全好用的「1.1.1.1」讓臉書不卡卡
- https://1.1.1.1/zh-Hant/dns/
- 了解網站運作的學習資源 HackMd
- dig 指令除錯
- DiG 指令教學
Ｑ：為什麼要把圖片放在不同 domain？
靜態資源掛在跟網站不同 domain
- 可以降低 requerst 大小，靜態資源不用 cookie，不同 server 好做控制
- 方便做 cache 等 optimize
- (主要原因)早期 Http 1.0 平行下載量有限制
自建 proxy server
可以用便宜的 VPS 搭 nginx server 建 CDN
做自己的圖床, cache 節省流量費
混合內容警告
網站是 https 但有紅色鎖頭警告
混合內容有主被動之分
- 被動：圖片、影片等 src 資源
- 主動：script，通常會被禁止，看各個瀏覽器實作
https://developer.mozilla.org/zh-TW/docs/Web/Security/Mixed_content
為什麼 http 不完全禁止？
因為混合內容網站太多ㄌ
web server
Http server:
可以 response web page(靜態網頁)，例如 Nginx, Apache
https://developer.mozilla.org/zh-TW/docs/Learn/Common_questions/What_is_a_web_server
想做動態網頁
用各種程式語言去寫的後端，Http Server 如何解析各種後端程式語言？
- CGI 協定
interface。保證 web server 傳遞過來的東西是同一標準。 - 實作 CGI：
fpm(PHP),wsgi(Python),...
Reverse Proxy server
把 request 丟給後面的應用程式處理，再把應用程式的結果丟回去給 client
RECAP
1.流量費用大多來自靜態資源-圖片
注意流量費用 下載速度
proxy server cache
res 設定 etag 讓 client cache 避免下載相同資源
2.注意 IP 透漏
會被 DDoS
部屬前確認設定
- header 透漏
- 多墊一層 CDN 避免 IP 透漏
- 檢查 port 是不是還綁在 0.0.0.0
3.轉址
- 301 永久轉址，會被 google 永久記住
- 302 是暫時
4.免費方案可能去美國逛一圈，要 trace route
Cloudflare 缺點
