第4天認真學習 Node.js - 用 createServer 建立你的第一個 Web 伺服器教學

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

前言

Node.js官方上,不僅提供了完整且豐富的文件資源,他們還有官方部落格,會固定分享新功能、版本更新,甚至安全漏洞修補的細節。另外在 Node.js文件(v24.6.0) ,除了基本的 API 說明,還整理了許多內建模組的使用指南 。 而今天要跟大家分享的,就是 Node.js 中的 HTTP 模組 - 這是開發 Web 服務最常用、也最實用的模組之一。

建立 Web Server

var http = require('http'); 
http.createServer(function(request, response){
/*
純文字:'text/plain',
HTML:'text/html',
JSON物件:'json/application'
*/
response.writeHead(200, {"Content-Type": "text/plain"}); //表頭設定
response.write("Hello Node.js World!"); //內容
response.end(); // 結束這回合
}).listen(8080);

createServer: 用來 建立一個 Web Server 的方法
request(可自訂):當使用者拜訪至網站,發送到伺服器的請求 (包含使用者詳細資訊:網址、何種瀏覽器…)
response(可自訂):伺服器收到資料後,給予使用者回應
listen:監聽(port)localhost(相對IP:127.0.0.1)內部(PC)模擬伺服器
:port 該伺服器某個軟體佔領一個port,1個port代表一個應用程式使用,且不可同時開啟。

常見的Port

常見的Port

執行伺服器

node app.js
# 沒跳錯誤訊息就是正確的
畫面成功

畫面成功



補充

http模組 為什麼可以直接哪來用?

💡 有些人會好奇,為什麼我的資料夾裡,明明沒有安裝http模組,卻依然可以直接使用? 這是因為 http 是 Node.js的內建模組,官方已預設準備好了,不需額外安裝。只要有安裝Node.js,就可在城市直接載入使用。

查看伺服器回應的網頁屬性

Chrome dev > Network (若已進入請重刷)

查看伺服器回應的網頁屬性

查看伺服器回應的網頁屬性

後端看起來空空的,也不知道有沒有執行

我們可以在createServer裡面加入console.log,每次有人拜訪就會印出訊息,確認伺服器真的在運作。

你可能會在測試中,發現拜訪時 被印兩次,但不用擔心它並不影響操作或測試網站:

  • 第一次是我們用瀏覽器輸入網址進入的請求
  • 第二次其實是瀏覽器去抓網頁的 favicon(網站小圖示)
raw-image
留言
avatar-img
留言分享你的想法!
avatar-img
邁向躺平的工程師 Leo
0會員
6內容數
天生宅習慣的我,與外面繁忙的工作環境格格不入,因此選擇了能在辦公室內進行的軟體工程師職業。雖然室內的空間不如外面那麼廣闊,但在舒適的環境中,我可以心無旁鶩地靜下心來,專注於研發與思考。這條轉職路線,正是天生為我開好的選擇,成為了我日常的 RD 養成之旅。
2025/08/25
這篇文章說明如何在 Node.js 中使用 require() 與 module.exports (以及 exports) 來設計模組,並在 app.js 中載入 data.js 模組。文中包含步驟、進階用法、exports 與 module.exports 的比較,以及注意事項。
Thumbnail
2025/08/25
這篇文章說明如何在 Node.js 中使用 require() 與 module.exports (以及 exports) 來設計模組,並在 app.js 中載入 data.js 模組。文中包含步驟、進階用法、exports 與 module.exports 的比較,以及注意事項。
Thumbnail
2025/08/24
這篇文章說明瀏覽器 (Browser) 與 Node.js 全域物件的差異,以及如何在 Node.js 中將變數掛載到全域物件。
Thumbnail
2025/08/24
這篇文章說明瀏覽器 (Browser) 與 Node.js 全域物件的差異,以及如何在 Node.js 中將變數掛載到全域物件。
Thumbnail
2025/08/23
學習 Node.js 的心得與筆記,包含學習動機、Node.js 介紹、V8 引擎、安裝方式、快速使用教學等。適合想學習 Node.js 後端開發的朋友參考。
Thumbnail
2025/08/23
學習 Node.js 的心得與筆記,包含學習動機、Node.js 介紹、V8 引擎、安裝方式、快速使用教學等。適合想學習 Node.js 後端開發的朋友參考。
Thumbnail
看更多
你可能也想看
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
2025 vocus 推出最受矚目的活動之一——《開箱你的美好生活》,我們跟著創作者一起「開箱」各種故事、景點、餐廳、超值好物⋯⋯甚至那些讓人會心一笑的生活小廢物;這次活動不僅送出了許多獎勵,也反映了「內容有價」——創作不只是分享、紀錄,也能用各種不同形式變現、帶來實際收入。
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
嗨!歡迎來到 vocus vocus 方格子是台灣最大的內容創作與知識變現平台,並且計畫持續拓展東南亞等等國際市場。我們致力於打造讓創作者能夠自由發表、累積影響力並獲得實質收益的創作生態圈!「創作至上」是我們的核心價值,我們致力於透過平台功能與服務,賦予創作者更多的可能。 vocus 平台匯聚了
Thumbnail
在這篇教學文章中,我們將展示如何使用 Node.js 建立一個簡單的伺服器,並解決常見的跨來源資源共享(CORS)問題,確保伺服器能夠接收並處理來自不同來源的資料。
Thumbnail
在這篇教學文章中,我們將展示如何使用 Node.js 建立一個簡單的伺服器,並解決常見的跨來源資源共享(CORS)問題,確保伺服器能夠接收並處理來自不同來源的資料。
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
Node.js是一個JavaScript運行環境。它使用了一個非阻塞、事件驅動的I/O模型,使其非常適合用於數據密集型的即時應用程序。簡單來說,Node.js允許你使用JavaScript來編寫伺服器端代碼。 nvm 安裝nvm Windows : 點擊 Releases · coreybut
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
本章節將引導你如何建立一個TypeScript開發環境,這包括安裝Node.js、npm和TypeScript,建立一個TypeScript項目,設置編輯器,以及編寫和編譯TypeScript代碼。在完成這些步驟之後,你將能夠編寫、編譯和運行TypeScript代碼。
Thumbnail
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識,包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外,本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
Thumbnail
本章目的是為讀者提供有關如何設置JavaScript開發環境的知識,包括在瀏覽器、Node.js和各種編輯器和IDE中編寫和運行JavaScript的信息。此外,本章還介紹了如何架設本地開發伺服器以模擬實際的網頁環境。這些知識對於希望開發前端應用或後端服務的JavaScript開發者來說都是必要的。
Thumbnail
Express 是一個流行的 web 框架,使用 JavsScript 實現,執行在 node 環境上,主要用來寫後端應用。
Thumbnail
Express 是一個流行的 web 框架,使用 JavsScript 實現,執行在 node 環境上,主要用來寫後端應用。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News