# 9/06 網域名稱系統與虛擬主機 ###### tags: `DOM&Server` `2021/09/06` `進度筆記` `前端心得` --- ## 今日講課-上午的部分 詹介珉 講師 說明會有見過~ --- # 網域名稱(Domain Name)/(網址) 做好的網站分享給全世界, 都需要一個 DOM ## aaa.bbb.ccc.tw? ### aaa.bbb."ccc".tw 像是 ccc.tw 稱為頂級域名/[Top Level Domain](https://www.nss.com.tw/top-level-domain/) 通常在網址的結尾, 也包含國家: 常見的有 - .com: 商業 - .org: 非營利組織 - .net: 電信業 - .gov: 政府機構 - .edu: 教育單位 ### aaa."bbb".ccc.tw bbb: 主網域/[Main Domain](https://bettywutalk.com/blog/domains/) 在選定頂級域名後, 你要自己命名的中間位置, 你買到後就是以這個為主了 網址上有屬地主義, 在 TW 申請/註冊就受到當地法律的規範, 和保護, 註冊的資訊都得公開揭露(姓名電話住址都會被公開, 像是公司登記人) ![](https://i.imgur.com/5ABwzO4.png) 網址購買都是一年期, 最長可以買十年, 必須符合國家主管機關的規範 你租到後有優先續用權 ![](https://i.imgur.com/OzsbBgi.png) 需要商業 ![](https://i.imgur.com/LBd5VbU.png) 網路蟑螂的範例 ![](https://i.imgur.com/oDJUybC.png) 簡單好記的主網域被搶走後, 他可以以便宜價格續用, 但如果你跟他買就要看他喊價 ## "aaa".bbb.ccc.tw aaa: 次(子)網域/[Sub domain](https://awoo.ai/zh-hant/blog/international-url/) 也可以用子網域當國家地區的分別, 例如點進去國外網站, aaa 的部分有 tw ### 參考資料 https://reurl.cc/r1d6X4 https://www.iwangoweb.com/web_design/domain-difference/ https://dinepeiwei.com/wordpress-multiside-subdomain-subpage-tutorial/ --- # SSL: 傳輸安全協定 http"s" → SSL 如果沒有互動的還好, 但如果用到要用 client 端傳輸資料的就要特別注意有沒有透過 SSL 傳輸透過加密, 商業的數位簽章需要購買 單網域, 一域名+一 IP 萬用的超貴, 有些還有旗艦版的還有隱私保護 ![](https://i.imgur.com/mBvDRev.png) ![](https://i.imgur.com/BsjmIgd.png) ## 免費的憑證頒發機構: https://letsencrypt.org/zh-tw/ --- # DNS 管理網域名系統 Domain Name System, DNS 通常跟網域名稱註冊商購買會提供網域系統, 可把網域和 IP 綁定的網域名稱管理系統(把你的網頁上線) ## DNS 更新時間 註冊後: 12~24hr 跑遍全世界, 最久可能到 72hr, 如果有系統要上線就得抓一下時間 https://tw.godaddy.com/ https://www.namecheap.com/ # 主網域 dev-hub.io 到時候課程會用到, 想辦法把網頁上線 # 在 namecheap 上會? 你在 namecheap 的 DNS設定(你已購買的), 假設更改 A record他會在數分鐘內生效, 比上面的 godaddy 還快(可能還要一小時才能上線), 不過驗證比較嚴格, 申請人需要拍照之類的 ![](https://i.imgur.com/n41MoAv.png) 他 DNS Server 有五組, 更新上線速度超快 --- # Hosting 網站主機/Hosting 資料隱密性的問題可能才自己架 server 可能比較好, 通常在台灣/亞洲選主機點可能都選美國西岸, 過海底電纜就直接到你的所在, 這樣透過的節點就比較少, 你服務的客群離節點越少越好(不會繞遠路), 主機沒有哪間好, 會隨時代變遷 ![](https://i.imgur.com/ILxdyNo.png) - 像日本, 東南亞都會透過台灣這個 Hub, 因為台灣的海底電纜直接連美國西岸(Google最大的資料中心, 微軟資料中心都有在台灣建立) ## 共享主機 Shared Host: 共享主機, 頻寬共用, 就像雅房或大通鋪, 因為流量共享, 可能會被隔壁(?)吃掉 https://www.hostmonster.com/hosting-features https://www.bluehost.com/ https://www.serverzoo.com/ - ↑甚至對岸都有包辦, 有半專屬 https://reurl.cc/Mk1jjp ## 虛擬主機 Virtual Private Server, VPS: 虛擬私人主機, 就像獨立套房, 同樓層的戶數少 ↓例如只賣 VPS https://www.photonvps.com/ https://zh.wikipedia.org/zh-tw/Linode https://www.digitalocean.com/ - *台灣網路成本環境很高 ## 專用主機 Dedicated Server: 就像透天厝, 流量大, 例如 ↓ https://www.cloudflare.com/zh-tw/ https://www.ovhcloud.com/en/bare-metal/ ### 參考資料 https://reurl.cc/V5pzzn ## How to buy? 例如跟中華電信買,如果斷掉可以索賠     網路費 → 遠傳, 實體電路費 → 種花 ![](https://i.imgur.com/qQfOAhP.png) ![](https://i.imgur.com/euBdND4.png) 看一下 Hostmonster, 容量不限但限制檔案數量, 我限制了你的無線 ![](https://i.imgur.com/xneFjPt.png) Bluehost, 殺到見骨XD ![](https://i.imgur.com/HjOM9ND.png) ![](https://i.imgur.com/y551NHK.png) 某國民間, 共享主機 ![](https://i.imgur.com/zJOBBKw.png) --- # OSI https://www.ithome.com.tw/node/47085 --- # 學習法 前端夾在後段與設計師之間, 所以要學習溝通 費曼學習法分為四個步驟: - 1. 研究/學習一項新的主題 - 2. 教別人。例如小孩子,最主要是要最淺顯普通的詞彙,不要用任何專業術語。 - 3. 找出別人不懂的地方,然後重新回頭學習。 - 4. 精煉簡化,確定已經沒有任何借來的詞彙與行話。 http://blog.xxc.idv.tw/km/%E8%B2%BB%E6%9B%BC%E7%9A%84%E5%AD%B8%E7%BF%92%E6%8A%80%E5%B7%A7-the-feynman-technique.html https://www.cheers.com.tw/article/article.action?id=5087579 https://kojenchieh.pixnet.net/blog/post/391843868 ---- ## 下午上課的部分 # HTML 課後練習和補充, 以及進階學習加到 9/03 的筆記中 --- # 智慧財產權 -14:30(pass 之後上課會再提) 需要大量的素材, 怎麼樣用才不會侵權 ----