mg不朽的浪漫歌曲试听

書名： Node.js+Webpack開發實戰
作者名：夏磊
本章字數： 397字
更新時間： 2021-03-26 21:53:50

4.2　快速開始

本節將學習如何基于Express框架來開發一個HTTP服務器。

4.2.1　初始化項目

新建應用目錄，然后進入該目錄并將其作為工作目錄：

mkdir express-example
cd express-example

通過npm創建一個package.json文件：

npm init

此命令將要求你輸出幾個參數，例如應用的名稱和版本。在本節的內容中，你可以直接按回車鍵接受默認值。

接下來安裝Express并將其保存到package.json的依賴列表中：

npm install express --save

4.2.2　開始編碼

新建app.js，代碼如下：

// 導入express模塊
const express = require('express');
// 創建應用
const app = express();

// 設置路由
app.get('/', (req, resp) => {
   // 輸出響應
   resp.json(req.headers);
});

// 開啟監聽
app.listen(8080, () => {
   console.log('listen on 8080');
});

4.2.3　運行應用

在終端執行該JS：

node index.js
listen on 8080

使用瀏覽器訪問http://localhost:8080，結果如下：

{
   "host": "localhost:8080",
   "connection": "keep-alive",
   "cache-control": "max-age=0",
   "dnt": "1",
   "upgrade-insecure-requests": "1",
   "user-agent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_5)
   AppleWebKit/537.36 (KHTML, like Gecko) Chrome/78.0.3904.87 Safari/537.36",
   "sec-fetch-user": "?1",
   "accept":
   "text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/ap
   ng,*/*;q=0.8,application/signed-exchange;v=b3",
   "sec-fetch-site": "none",
   "sec-fetch-mode": "navigate",
   "accept-encoding": "gzip, deflate, br",
   "accept-language": "zh-CN,zh;q=0.9,en;q=0.8,zh-TW;q=0.7",
   "if-none-match": "W/\"2c9-A5ngF548rGoZQ5LBRc4RaCa3xh8\""
}

4.2.4　小結

本節使用Express開發了一個快速入門示例，開發步驟如下：

（1）創建應用實例。

（2）設置路由。

（3）開啟監聽。

采用Express框架的優點如下：

·　支持路由，Node.js的http模塊路由功能需要自己開發。

·　支持直接輸出JSON，要讓Node.js的http模塊輸出JSON，則需要調用JSON.stringify()。

官术网_书友最值得收藏!

Node.js+Webpack開發實戰

4.2 快速開始

4.2.1 初始化項目

4.2.2 開始編碼

4.2.3 運行應用

4.2.4 小結

4.2　快速開始

4.2.1　初始化項目

4.2.2　開始編碼

4.2.3　運行應用

4.2.4　小結