Express Web | Node.js

閱讀時間約 1 分鐘

Express 是一個流行的 web 框架,使用 JavsScript 實現,執行在 node 環境上,主要用來寫後端應用。

Express 安裝

  • 先建立專案資料夾
  • 切換至專案資料夾
  • 初始化指令 npm init 建立 package.json 檔。此指令會提示你輸入許多內容,例如應用程式的名稱、版本和作者...等,按 enter 接受預設值。特別需要注意的是 entry point: (index.js),輸入 app.js 或其他你自訂的名稱,除非你想選 index.js,就按 enter 接受。成功選擇完後,輸入 yes,會產生一個 package.json 檔
  • 安裝 express npm install express
  • 新增一個 app.js 檔,或是跟你前面的自訂名稱同名的檔
  • 複製範例程式碼
const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
res.send('Hello World!')
})

app.listen(port, () => {
console.log(`Example app listening on port ${port}`)
})
  • 執行 node 檔案名 (如果有安裝 nodemon,改輸入 nodemon 檔案名)
  • 打開 http://localhost:3000/ 查看,成功顯示 Hello World!
主要放程式學習筆記,分享 Creative Coding 相關內容、作品
留言0
查看全部
發表第一個留言支持創作者!
npm(全名 Node Package Manager,node套件管理器)
透過 node 的 http 模組來建立 web 伺服器範例
Global 物件和 node 模組特性的介紹
在終端機試玩 或 VS Code 執行 JS 檔
npm(全名 Node Package Manager,node套件管理器)
透過 node 的 http 模組來建立 web 伺服器範例
Global 物件和 node 模組特性的介紹
在終端機試玩 或 VS Code 執行 JS 檔
你可能也想看
Google News 追蹤
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
原本是開在台中太平地區的苦甘咖啡烘焙者,結束了Khóo-kam烘培工作室,改至台中火車站前商圈經營外帶店的模式,綠川西街上鄰近東協廣場,這裡也是外籍移工於假日時的休愜聚集地,可以說有著濃濃的東南亞風情。
※ Express 專案步驟筆記清單 Node.js 環境建置核對 新增專案資料夾 設定 package.json npm init -y 設定程式入口為 app.js 安裝 Express:npm install express 設定主程式 app.js 建構應用程式伺服器 設定
Thumbnail
The sheet provides various ways to express opinions and to agree or disagree, as well as shows different ways to express cause and effect.
Thumbnail
「冰河列車」Glacier Express:全世界最「慢」的快車,起訖點站分別是位於瑞士東南邊的聖莫里茲〈St. Moritz〉和南邊的策馬特〈Zermatt〉,搭完全程需要八個小時,這篇告訴你哪裡拍美景照最好,哪裡買冰河列車限定的紀念品最便宜喔。
Thumbnail
PR 就是永居權(Permanent Residence),也是俗稱的楓葉卡。資料真的不好查,大部分youtube或網頁就是單說明某一種「方法」,今天整理了一下目前查到的資料,希望可對想去加拿大的人有幫助。 Express Entry (EE)是加拿大接納外國移民人才的主要方式之一,加拿大政府幾乎每
Express and Parcel(CEP) 市場の現状と将来展望に関する包括的な洞察を提供する、車速センサー市場2023年調査報告書がリリースされました。当レポートでは、業界の市場動向、成長促進要因、課題、機会などの詳細な分析に加え、競争環境と市場主要企業の市場シェア分析についても徹底検
Thumbnail
Be honest to ourselves, is he/she the one?  Am I ready?  If YES and YES, go for it.  Brave to love.  Enjoy every minute you spend together with this t
Thumbnail
Be brave, to deliver your regards and appreciation, especially to the person you truly enjoy being with him/her, particularly to the person who has be
Thumbnail
這個秋,Chill 嗨嗨!穿搭美美去賞楓,裝備款款去露營⋯⋯你的秋天怎麼過?秋日 To Do List 等你分享! 秋季全站徵文,我們準備了五個創作主題,參賽還有機會獲得「火烤兩用鍋」,一起來看看如何參加吧~
Thumbnail
美國總統大選只剩下三天, 我們觀察一整週民調與金融市場的變化(包含賭局), 到本週五下午3:00前為止, 誰是美國總統幾乎大概可以猜到60-70%的機率, 本篇文章就是以大選結局為主軸來討論近期甚至到未來四年美股可能的改變
Thumbnail
原本是開在台中太平地區的苦甘咖啡烘焙者,結束了Khóo-kam烘培工作室,改至台中火車站前商圈經營外帶店的模式,綠川西街上鄰近東協廣場,這裡也是外籍移工於假日時的休愜聚集地,可以說有著濃濃的東南亞風情。
※ Express 專案步驟筆記清單 Node.js 環境建置核對 新增專案資料夾 設定 package.json npm init -y 設定程式入口為 app.js 安裝 Express:npm install express 設定主程式 app.js 建構應用程式伺服器 設定
Thumbnail
The sheet provides various ways to express opinions and to agree or disagree, as well as shows different ways to express cause and effect.
Thumbnail
「冰河列車」Glacier Express:全世界最「慢」的快車,起訖點站分別是位於瑞士東南邊的聖莫里茲〈St. Moritz〉和南邊的策馬特〈Zermatt〉,搭完全程需要八個小時,這篇告訴你哪裡拍美景照最好,哪裡買冰河列車限定的紀念品最便宜喔。
Thumbnail
PR 就是永居權(Permanent Residence),也是俗稱的楓葉卡。資料真的不好查,大部分youtube或網頁就是單說明某一種「方法」,今天整理了一下目前查到的資料,希望可對想去加拿大的人有幫助。 Express Entry (EE)是加拿大接納外國移民人才的主要方式之一,加拿大政府幾乎每
Express and Parcel(CEP) 市場の現状と将来展望に関する包括的な洞察を提供する、車速センサー市場2023年調査報告書がリリースされました。当レポートでは、業界の市場動向、成長促進要因、課題、機会などの詳細な分析に加え、競争環境と市場主要企業の市場シェア分析についても徹底検
Thumbnail
Be honest to ourselves, is he/she the one?  Am I ready?  If YES and YES, go for it.  Brave to love.  Enjoy every minute you spend together with this t
Thumbnail
Be brave, to deliver your regards and appreciation, especially to the person you truly enjoy being with him/her, particularly to the person who has be