Express 是一個簡潔、靈活的 node.js Web 應用開發框架, 它提供一系列強大的特性,幫助你創建各種 Web 和行動裝置應用。
1.express組織結構
app demo
|---node_modules------用於安裝本地模組。
|---public------------用來存放使用者可以下載到的文件,例如圖片、腳本、樣式表等。
|---routes------------用來存放路由文件。
|---views-------------用來存放網頁的範本。
|---app.js------------應用程式的啟動腳本。
|---package.json------專案的設定檔。
2..建立express伺服器
1 2 3 4 5 6 7 8 9 10 11 |
|
執行nodejs>
執行nodejs>
/>node app.js
3.中間件
中間件(middleware)就是處理HTTPiddleware. >當一個HTTP請求進入伺服器,伺服器實例會呼叫第一個中間件,完成後根據設置,決定是否再呼叫下一個中間件.
中間件的參數為:
.三個的時候---第一個客戶請求request,第二個為伺服器回應respond,第三個為next中間件. 如function(request, response, next){} .兩個的時候---第一個客戶請求request,第二個為伺服器回應respondfunction. 如function(request, response){}
4.使用中間件use1 2 3 4 |
|
5.錯誤內容顯示
1 2 3 4 5 6 7 |
|
6.路由
6.路由
1 2 3 |
|
1 2 3 |
|
express路由的方式有很多種,這裡舉例常用的幾種:.app.use('/', middleware);//get/post時,對於路徑/的處理.app.get("/", middleware);//http中get時,路徑/的處理
.app.post("/", middleware);//http中post時,路徑/的處理.app.put("/", middleware);//http中put時,路徑/的處理
.app.delete("/", middleware);//http中delete時,對於路徑/的處理
7.路徑通配符*
.:捕獲路徑內容
8.設定環境變數set用於指定變數的值.app.set("view engine", "ejs");//使用ejs作為模版
1 2 3 4 5 6 7 8 |
|
.重定向redirect response.redirect("/hello/anime");//重定向到/hello/anime
.傳送檔案sendFile
response.sendFile("/path/to/anime.mp4");.渲染網頁範本render,也就是將變換的內容載入到網頁. response.render("index", { message: "Hello World" });//將message變數傳入index模板,值為"Hello World"渲染成HTML網頁
1 2 3 4 5 6 |
|
14.指定靜態網頁目錄
//app.js
app.use(express.static('public'));/ /指定靜態網頁目錄,當瀏覽器發出非HTML檔案請求時,伺服器端就到public目錄尋找這個檔案
如:, 伺服器端就到public/bootstrap/css/目錄尋找bootstrap.css文件
好了,本教學先給大家介紹到這裡,後續還會持續給大家更新,謝謝大家一直以來對PHP中文網的支持。
【相關教學推薦】