使用Express快速搭建前端項目框架

使用Express快速搭建前端項目框架

    Express是基於Node.js的前端Web開發框架，使用其能夠簡潔快速的建立健壯友好的API服務。在前端或移動端的開發過程當中，能夠藉助Express的這項功能模擬API數據，方便開發調試。

    Express是基於Node.js平臺的，所以在安裝Express以前，須要先安裝Node.js。使用以下命令來檢查系統中所安裝的node版本：

node -v

若是系統中沒有安裝Node.js，能夠在以下網站進行下載安裝：

https://nodejs.org/en/。

    建立一個測試工程目錄，用於存放Express項目框架，首先在終端，使用以下命令進行Express的全局安裝：

npm install express-generator -g

須要注意，不少時候國內網絡使用npm的時候會很是慢，能夠經過以下命令來修改倉庫源。

npm install -g cnpm --registry=https://registry.npm.taobao.org

以後使用cnpm來進行包的安裝：

cnpm install express-generator -g

    安裝好Express後，在新建的文件夾目錄下，執行Express的初始化：

express

若是文件夾不爲空，會提示是否繼續操做，輸入yes後回車便可。

    初始化完成後的Express項目結構以下：

其中會默認建立一個package.json文件，其中會添加許多依賴包，在項目目錄中執行以下命令來安裝這些依賴：

npm install

依賴安裝完成後，工程中會多一個node_modules的文件夾，裏面是全部依賴包文件。

    再來看Express模板中的文件，其中bin文件夾下面的www.js文件是服務的啓動文件，其中啓動了HTTP的服務，默認端口爲3000。routes文件夾下面的文件用於配置api路由，默認有index.js與users.js兩個。app.js文件中對api進行了初始化與配置。能夠在users.js中添加一個測試api以下：

var express = require('express');
var router = express.Router();

/* 這個是默認生成的. */
router.get('/', function(req, res, next) {
  res.send('respond with a resource');
});
/* 添加一個測試api*/
router.get('/testAPi',function(rep,res,next){
  res.send('{name:jaki,age:24}');
});
module.exports = router;

在項目目錄下經過終端執行以下命令來將服務開啓：

node bin/www

若是服務啓動成功，在瀏覽器輸入http://127.0.0.1:3000/users/testAPi會返回咱們send()方法傳遞的字符串。

小提示：MacOS系統在服務進行中，可使用control+c來釋放端口的監聽，若是不當心使用control+z或者關閉了終端，會致使所監聽端口的沒法釋放，下次若是再次啓動node服務，會報Port 3000 is already in use的錯誤，可使用以下方法來進行所監聽端口的釋放：

首先使用以下命令查看全部監聽某個端口的服務，例如3000端口：

sudo lsof -i:3000

以後終端會將服務名與進行id告訴咱們，以下：

COMMAND PID USER   FD   TYPE             DEVICE SIZE/OFF NODE NAME
node    829  vip   13u  IPv6 0x9c3536500e84e203      0t0  TCP *:hbci (LISTEN)

使用以下命令來殺死對應進程便可：

sudo kill -9 829