Node.js Express項目搭建

 講乾貨，不囉嗦，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），能夠看到以下頁面：