快捷導(dǎo)航

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

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

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

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

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

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

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

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

啟動(dòng)node服務(wù)，在文件夾內(nèi)通過(guò)控制臺(tái)輸入：node server.js。打開(kāi)瀏覽器的localhost:3000/index.html，通過(guò)server.js訪問(wèn)index.html頁(yè)面內(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)頁(yè)請(qǐng)求的文件路徑
 let pathname=url.parse(req.url).pathname;
//3、利用fs讀取文件
 fs.readFile(pathname.substring(1),function (err,data) {
  if (err){             //有錯(cuò)誤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());  //將找到的文件寫(xiě)入返回
  }
  res.end();           //在函數(shù)readFile()內(nèi)關(guān)閉鏈接
 });
});
//4、讓server一直監(jiān)聽(tīng)localhost的3000端口的請(qǐng)求
server.listen(3000,'localhost');

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

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

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

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

3、搭建Express框架

①、安裝Express

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

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

通過(guò)cnpm全局安裝express框架：

cnpm install -g express-generator

安裝完成后可以通過(guò)express --version來(lái)查看express版本。

②、初始化項(xiàng)目

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

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

//app.js文件內(nèi)指定根目錄
var index = require('./routes/index');
app.use('/', index);
//index.js文件內(nèi)渲染index頁(yè)面
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方法請(qǐng)求view下的視圖文件，在回調(diào)函數(shù)render中渲染index.jade界面，從而當(dāng)你在瀏覽器輸入localhost:3000時(shí)會(huì)默認(rèn)顯示view/index.jade頁(yè)面。

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

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

之后在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、啟動(dòng)Express，在server所在文件夾下執(zhí)行命令：node bin/www，在瀏覽器localhost:3000顯示為：