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),可以看到如下頁面:

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM