網站伺服器部署— 1-1

更新 發佈閱讀 2 分鐘

※ 網站整體架構:

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

※ 前後端架構:

vocus|新世代的創作平台

※ 前後端如何構通:

vocus|新世代的創作平台
vocus|新世代的創作平台
vocus|新世代的創作平台

※ 區分前後端:

vocus|新世代的創作平台
vocus|新世代的創作平台

※ 網頁架構介紹:

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

說明:

  • URL可以說是家的地址。
  • 一個網頁會有很多URL。
vocus|新世代的創作平台
  • 分析URL的每個位置分別記錄了什麼?
vocus|新世代的創作平台
vocus|新世代的創作平台


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

vocus|新世代的創作平台
vocus|新世代的創作平台
vocus|新世代的創作平台

※ 深入了解IP:

  • Public IP:經過合法授權的IP,稱之為公共IP。
vocus|新世代的創作平台


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

※ 網卡是什麼:

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

vocus|新世代的創作平台

※ MAC address介紹:

  • 每一張網卡都對應到一個MAC位址。
  • MAC address有可能會重複。
vocus|新世代的創作平台












































留言
avatar-img
奧莉薇走在成為後端工程師之路上
28會員
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
這篇文章介紹了網站的整體架構以及開發時所使用的工具和套件,包括 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
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
自訂元件生成位置顧名思義就是可以指定部分HTML區塊渲染在特定的畫面上,即使在不同組件也能把A組件內的部分畫面,展現在B組件上,以下方程式舉例。
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
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(
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
《轉轉生》(Re:INCARNATION)為奈及利亞編舞家庫德斯.奧尼奎庫與 Q 舞團創作的當代舞蹈作品,結合拉各斯街頭節奏、Afrobeat/Afrobeats、以及約魯巴宇宙觀的非線性時間,建構出關於輪迴的「誕生—死亡—重生」儀式結構。本文將從約魯巴哲學概念出發,解析其去殖民的身體政治。
Thumbnail
一、什麼是Web Service?   簡單說就是「服務」的概念,人與人間、電腦與電腦間都是一樣的,一個是人與人的一來一回交流,媒介是語言中文,另一個則是個人電腦與伺服器的交流,媒介是HTTP/Internet,那麼有了媒介,就會有共同格式才能做
Thumbnail
一、什麼是Web Service?   簡單說就是「服務」的概念,人與人間、電腦與電腦間都是一樣的,一個是人與人的一來一回交流,媒介是語言中文,另一個則是個人電腦與伺服器的交流,媒介是HTTP/Internet,那麼有了媒介,就會有共同格式才能做
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
當我們架好站、WebService測試完,接著就是測試區域網路連線啦~
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News