講干貨,不啰嗦,Express 是一個簡潔而靈活的 node.js Web應用框架,使用 Express 可以快速地搭建一個完整功能的網站。本教程介紹如何從零開始搭建Express項目。
開發環境:windows7,node v10.16.0
1.安裝Express
命令:npm install express --save
安裝成功后,會在項目目錄下生成一個 node_modules 目錄,node_modules 目錄下會自動創建 express 目錄
查看Express版本命令:npm list express
2.第一個 Express 框架實例
新建express_demo.js文件,添加如下代碼:
//express_demo.js 文件
var express = require('express');//引用express
var app = express();//創建express實例
app.get('/', function (req, res) {//當路由url匹配為'/'時,執行function,返回Hello World
res.send('Hello World'); }); var server = app.listen(8081, function () {//應用啟動端口為8081
var host = server.address().address; var port = server.address().port; console.log("應用實例,訪問地址為 http://%s:%s", host, port) });
執行以上代碼:$ node express_demo.js
打開瀏覽器,訪問 localhost:8081,可以看到成功返回Hello World
以上就搭建起了一個可運行的 express 項目,下面我們通過生成器工具express-generator
快速生成一個Express應用
1.全局安裝Express及express-generator
命令:npm install -g express,npm install -g express-generator
2.初始化一個Express應用
命令:express express-app
(其中
express-app為項目名稱
)
初始化后的項目目錄結構:
目錄結構簡介:
app.js
應用的初始化文件,包括引入應用程序的基礎依賴項、設置視圖即view的引擎目錄以及模板、設置靜態資源路徑、配置通用的中間件、引入路由和一些錯誤處理中間件等。package.json
應用的配置文件,文件內包含程序的基礎信息、啟動腳本和依賴包等。bin/www
應用的啟動文件,文件內包含引用要啟動的應用、設置應用監聽的端口和啟動http服務等。public/**
應用的靜態資源文件目錄,該目錄下的文件資源不需要經過文件映射就可以直接訪問。routes/**
應用的路由文件,這些路由文件中設置的接口最終會以指定的HTTP請求方式暴露給用戶,並在用戶請求之后將結果返回。views
應用的視圖文件,在app.js
中設置好視圖引擎和模板之后,該目錄即為應用視圖的根目錄,然后路由文件就會根據app.js
中的設置加載並渲染該目錄下的視圖文件。
3.啟動應用
安裝應用的依賴包命令:npm install
啟動程序命令:npm start 或 node bin/www
啟動后,用瀏覽器訪問:localhost:3000(默認啟動端口為3000),可以看到如下頁面: