網站伺服器部署— 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
奧莉薇走在成為後端工程師之路上
27會員
171內容數
全端網頁開發專業知識分享
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
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
債券投資,不只是高資產族群的遊戲 在傳統的投資觀念中,海外債券(Overseas Bonds)常被貼上「高資產族群專屬」的標籤。過去動輒 1 萬甚至 10 萬美元的最低申購門檻,讓許多想尋求穩定配息的小資族望而卻步。 然而,在股市波動劇烈的環境下,尋求穩定的美元現金流與被動收入成為許多投資人
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
透過川普的近期債券交易揭露,探討債券作為資產配置中「穩定磐石」的重要性。文章分析降息對債券的潛在影響,以及股神巴菲特的操作策略。並介紹玉山證券「小額債」平臺,如何讓小資族也能低門檻參與海外債券市場,實現「低門檻、低波動、固定收益」的務實投資方式。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
解析「債券」如何成為資產配置中的穩定錨,提供低風險高回報的投資選項。 藉由玉山證券的低門檻債券服務,投資者可輕鬆入手,平衡風險並穩定財務。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
Thumbnail
相較於波動較大的股票,債券能提供固定現金流,而玉山證券推出的小額債,更以1000 美元的低門檻,讓學生與新手也能參與全球優質企業債投資。玉山E-Trader平台即時報價、條件式篩選與清楚的交易流程等特色,大幅降低投資難度,對於希望分散風險、建立穩定現金流的人來說,玉山小額債是一個值得嘗試的理財起點。
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組件上,以下方程式舉例。
Thumbnail
HTTP伺服器端 package main import ( "net/http" ) type Refer struct { handler http.Handler refer string } //實現中介軟體邏輯​ func (this *Refer) ServeHTTP(
Thumbnail
HTTP伺服器端 package main import ( "net/http" ) type Refer struct { handler http.Handler refer string } //實現中介軟體邏輯​ func (this *Refer) ServeHTTP(
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News