網站伺服器部署— 1-1

更新於 發佈於 閱讀時間約 2 分鐘

※ 網站整體架構:

  • 前後端架構
  • 網址、網頁、伺服器
  • IP、網卡、MAC address

※ 前後端架構:

raw-image

※ 前後端如何構通:

raw-image
raw-image
raw-image

※ 區分前後端:

raw-image
raw-image

※ 網頁架構介紹:

URL網址:統一資源定位符。

說明:

  • URL可以說是家的地址。
  • 一個網頁會有很多URL。
raw-image
  • 分析URL的每個位置分別記錄了什麼?
raw-image
raw-image


IP位址:域名可以說是IP位址的代稱

raw-image
raw-image
raw-image

※ 深入了解IP:

  • Public IP:經過合法授權的IP,稱之為公共IP。
raw-image


  • Private IP:私人IP。指在內部網路(如家庭、企業或學校的區域網路)中使用的 IP 位址,這些位址無法直接在網際網路上被訪問。它們的主要作用是讓內部設備能夠相互通訊,而不需要使用公有 IP 位址。
raw-image
raw-image

※ 網卡是什麼:

網卡是電腦上的一塊零件,透過這塊零件使我們能連WIFI(無線網路)、連有線網路。

raw-image

※ MAC address介紹:

  • 每一張網卡都對應到一個MAC位址。
  • MAC address有可能會重複。
raw-image












































留言
avatar-img
留言分享你的想法!
很棒的分享喔!加油加油!一定沒問題!
奧莉薇-avatar-img
發文者
5 天前
謝謝你的鼓勵。
avatar-img
奧莉薇走在成為後端工程師之路上
19會員
142內容數
全端網頁開發專業知識分享
2025/05/29
※ minikube: 讓我們用簡單的方式學習 Kubernetes 安裝路徑:https://minikube.sigs.k8s.io/docs/start/ 自動通過虛擬機的方式建立一個本機模擬集群。 啟動 Minikube 叢集: minikube start 安裝成功: 檢查Ku
Thumbnail
2025/05/29
※ minikube: 讓我們用簡單的方式學習 Kubernetes 安裝路徑:https://minikube.sigs.k8s.io/docs/start/ 自動通過虛擬機的方式建立一個本機模擬集群。 啟動 Minikube 叢集: minikube start 安裝成功: 檢查Ku
Thumbnail
2025/05/29
※ 思考如何方便有效管理多個Container: 批量部署:在多台主機上同時部署多個容器,以提高擴展性和運行效率。 水平擴展:透過增加 多個相同的服務實例 來應對更大的流量或負載,而使用者會感覺這些實例是一個單一服務,這通常是透過負載均衡來實現的。 版本管理:讓新版本的應用程式順利上線,避免影
Thumbnail
2025/05/29
※ 思考如何方便有效管理多個Container: 批量部署:在多台主機上同時部署多個容器,以提高擴展性和運行效率。 水平擴展:透過增加 多個相同的服務實例 來應對更大的流量或負載,而使用者會感覺這些實例是一個單一服務,這通常是透過負載均衡來實現的。 版本管理:讓新版本的應用程式順利上線,避免影
Thumbnail
2025/05/20
※ 首先需要安裝Docker: 網址:https://www.docker.com/ 進入Get started:選擇下載版本 確認安裝版本: docker -v ※ 編寫Dockerfile:打包Docker鏡像腳本 專案跟目錄新增文件: 1.第一行要以node的Docker ima
Thumbnail
2025/05/20
※ 首先需要安裝Docker: 網址:https://www.docker.com/ 進入Get started:選擇下載版本 確認安裝版本: docker -v ※ 編寫Dockerfile:打包Docker鏡像腳本 專案跟目錄新增文件: 1.第一行要以node的Docker ima
Thumbnail
看更多
你可能也想看
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
孩子寫功課時瞇眼?小心近視!這款喜光全光譜TIONE⁺光健康智慧檯燈,獲眼科院長推薦,網路好評不斷!全光譜LED、180cm大照明範圍、5段亮度及色溫調整、350度萬向旋轉,讓孩子學習更舒適、保護眼睛!
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
創作者營運專員/經理(Operations Specialist/Manager)將負責對平台成長及收入至關重要的 Partnership 夥伴創作者開發及營運。你將發揮對知識與內容變現、影響力變現的精準判斷力,找到你心中的潛力新星或有聲量的中大型創作者加入 vocus。
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 Next.js、Tailwind CSS 和 socket.io 等。文章回顧了程式碼的重構與優化,幫助開發者提高工作效率,適合希望深入瞭解前端開發和網站架構的讀者。
Thumbnail
※ 原本狀態:伺服器渲染 這是 MVC 架構下的 request / response 示意圖,在這張圖呈現的架構裡,畫面和資料都由同一個架構處理。 伺服器渲染流程: 瀏覽器針對特定網址送出請求。 路由器解析請求後,轉接給對應的 controller。 controller 按照要求,透過
Thumbnail
※ 原本狀態:伺服器渲染 這是 MVC 架構下的 request / response 示意圖,在這張圖呈現的架構裡,畫面和資料都由同一個架構處理。 伺服器渲染流程: 瀏覽器針對特定網址送出請求。 路由器解析請求後,轉接給對應的 controller。 controller 按照要求,透過
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
一、什麼是Web Service?   簡單說就是「服務」的概念,人與人間、電腦與電腦間都是一樣的,一個是人與人的一來一回交流,媒介是語言中文,另一個則是個人電腦與伺服器的交流,媒介是HTTP/Internet,那麼有了媒介,就會有共同格式才能做
Thumbnail
一、什麼是Web Service?   簡單說就是「服務」的概念,人與人間、電腦與電腦間都是一樣的,一個是人與人的一來一回交流,媒介是語言中文,另一個則是個人電腦與伺服器的交流,媒介是HTTP/Internet,那麼有了媒介,就會有共同格式才能做
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News