快捷導(dǎo)航

Node.js創(chuàng)建一個Express服務(wù)的方法詳解

更新時間：2020年01月06日 09:12:03 作者：theVicTory

這篇文章主要介紹了Node.js創(chuàng)建一個Express服務(wù)的方法,結(jié)合實例形式分析了node.js創(chuàng)建Express服務(wù)的具體步驟、實現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了Node.js創(chuàng)建一個Express服務(wù)的方法。分享給大家供大家參考，具體如下：

1、創(chuàng)建一個HttpServer服務(wù)端

在node.js官網(wǎng)下載好node的Windows版本后一路下一步安裝好了node，新建一個server.js文件，開始第一個node文件。首先在文件開頭需要使用require包含所需要的模塊，然后利用http.createServer創(chuàng)建一個server，并執(zhí)行回調(diào)函數(shù)。在回調(diào)函數(shù)內(nèi)對請求req進行處理，并返回res結(jié)果。

利用url的parse方法將req請求中的url轉(zhuǎn)換為json后，得到其中的請求文件名pathname。然后利用fs的readFile方法讀取文件，在回掉函數(shù)中進行錯誤判斷并設(shè)定文件頭的狀態(tài)碼以及"Content-Type"，之后將文件寫入res返回。最后記得在createServer的回掉方法內(nèi)結(jié)束res.end();

在文件最后調(diào)用server.listen();一直監(jiān)聽localhost的3000端口。

啟動node服務(wù)，在文件夾內(nèi)通過控制臺輸入：node server.js。打開瀏覽器的localhost:3000/index.html，通過server.js訪問index.html頁面內(nèi)容。

const http=require('http');
const url=require('url');
const fs=require('fs');
//1、創(chuàng)建server
let server=http.createServer((req,res)=>{
//2、獲取網(wǎng)頁請求的文件路徑
 let pathname=url.parse(req.url).pathname;
//3、利用fs讀取文件
 fs.readFile(pathname.substring(1),function (err,data) {
  if (err){             //有錯誤err，文件未找到，返回狀態(tài)404
   res.writeHead(404,{
    "Content-Type":"text/html"
   });
  }else{              //否則正常，設(shè)定返回狀態(tài)為200
   res.writeHead(200,{
    "Content-Type":"text/html"
   });   
   res.write(data.toString());  //將找到的文件寫入返回
  }
  res.end();           //在函數(shù)readFile()內(nèi)關(guān)閉鏈接
 });
});
//4、讓server一直監(jiān)聽localhost的3000端口的請求
server.listen(3000,'localhost');

2、Node請求數(shù)據(jù)

Node作為服務(wù)器有時候還需要請求其他服務(wù)器的數(shù)據(jù)，此時node就成了“客戶端”了，通過HTTP的get方法可以對指定的網(wǎng)址接口進行api調(diào)用、數(shù)據(jù)請求，例如：

const http=require('http');
//利用HTTP請求第三方接口服務(wù)
http.get('http://www.imooc.com/u/card',(res)=>{
 let data='';
 res.on('data',(temp)=>{        //檢測到數(shù)據(jù)，追加到data中
  data+=temp;
 });
 res.on('end',()=>{          //檢測到數(shù)據(jù)傳輸結(jié)束，控制臺輸出數(shù)據(jù)
  console.log(data);
 });
});

在get的回調(diào)函數(shù)中對res進行處理，如果有數(shù)據(jù)傳輸on('data')，則將temp追加到data，如果傳輸完成on('end')，則進行相關(guān)處理。

3、搭建Express框架

①、安裝Express

Node安裝之后自帶npm軟件包管理工具，通過npm命令可以獲取npm平臺上的插件、軟件，由于被墻，國內(nèi)可以使用淘寶鏡像進行安裝，通過以下命令設(shè)置，就可以使用cnpm代替npm了。

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

通過cnpm全局安裝express框架：

cnpm install -g express-generator

安裝完成后可以通過express --version來查看express版本。

②、初始化項目

通過express命令來初始化一個服務(wù)框架：express server，之后就可以看到生成了一個server文件夾。

其中bin/www.js用于創(chuàng)建一個HTTP的服務(wù)器并且啟動、監(jiān)聽某個端口，一般不用修改。public文件夾用于存放img、js、css等靜態(tài)文件，routes文件夾存放路由js文件。view中存放視圖文件，默認提供的是用jade類型文件。app.js文件中設(shè)置視圖及通過app.use()調(diào)用相關(guān)模塊。例如：

//app.js文件內(nèi)指定根目錄
var index = require('./routes/index');
app.use('/', index);
//index.js文件內(nèi)渲染index頁面
router.get('/', function(req, res, next) {
 res.render('index', { title: 'Express' });
});

首先在app.js內(nèi)將網(wǎng)站的根目錄指定為routes下的index.js文件，在index.js中調(diào)用router.get方法請求view下的視圖文件，在回調(diào)函數(shù)render中渲染index.jade界面，從而當你在瀏覽器輸入localhost:3000時會默認顯示view/index.jade頁面。

express官方提供.jade文件作為網(wǎng)頁默認視圖，因此如果需要使用html則需要進行配置：

首先通過cnpm install ejs --save安裝ejs插件，然后在app.js文件中view engine setup下進行配置引擎：

之后在views文件夾下刪除原有.jade文件，新建你想要展示的index.html文件即可。例如：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>express index</title>
</head>
<body>
  <h1>Express</h1>
  <p>Welcome use express in HTML</p>
</body>
</html>

3、啟動Express，在server所在文件夾下執(zhí)行命令：node bin/www，在瀏覽器localhost:3000顯示為：