Web Framework- Express


Posted by mijouhsieh on 2023-04-06

框架

框架把多人用、常見且穩定的套件整合在一起,涵蓋各種可能需解決的問題。


Express框架

  • 基於Node.js 而寫,所以在Node.js中才可用。
  • Express框架更方便 打造網頁應用程式。
    • 架設server
    • 使用路由route系統
    • 操作資料庫
  • 有效省略步驟,提升開發效率
  • 重要功能: 處理路由、Express內建一套路由系統

Express框架更方便

不需 require('http')
=> Express內部以載入 HTTP模組。
=> 沒有定義 host name,預設用localhost

res.send(‵...‵)
=> 傳送回應給browser,Express可判斷並設定內容類型。
=>用反引號包字串,因為內容可能有單、雙引號、斷行。

template engine
=> 預設PUG (Jade) <>寫法
=> Handlebars結構和原生HTML依樣,且多好用方法。


Express框架 方法-使用語法

const express = require('express') //require載入express套件

const app = express() //express套件執行後存入變數app
const port = 3000 //定義server相關變數
app.get('/', (req, res) => { //設定路由
    res.send('字串') //設定server回應內容
    res.render(檔案)
}) 
app.listen(port, () => {
    console.log(`Express is listening on http://localhost:${port}`)
}) //啟動server監聽

Q: express和http模組的差別?

  • Express和http模組類似,都是工具包的概念。
  • Node.js有內建提供一個建立HTTP連線的http模組,用關鍵字require來載入http模組。(複習: 伺服器間是透過HTTP Hypertext Transfer Protocol超文本傳輸協定 溝通,所以建立Node.js server要先建立HTTP連線的功能。)
  • Express 在Node.js中則需另外安裝。
  • Express Installing

npm (Node Package Manager) Node.js的套件管理器

  • 把開發的各種JavaScript撰寫的工具包,統整在一個平台,讓開發者方便搜尋和使用。
  • 透過指令方式(command line)下載各種JavaScript工具包
    npm express
    npm 指令,在安裝Node.js時已一併下載,所以可直接使用npm指令。
    npm i <package>npm install <package>
  • npm是透過網路,所以要連上網,才能執行安裝。
    *npm i express@4.16.4


#Express #framework #why Express







Related Posts

html 自己看系列

html 自己看系列

Command Line 初學

Command Line 初學

POPCAT加音檔 補

POPCAT加音檔 補


Comments