---
# System prepended metadata

title: 9/06  網域名稱系統與虛擬主機
tags: [DOM&Server, 2021/09/06, 進度筆記, 前端心得]

---

# 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 之後上課會再提)  

需要大量的素材, 怎麼樣用才不會侵權  

----