日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網為廣大站長提供免費收錄網站服務,提交前請做好本站友鏈:【 網站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(50元/站),

點擊這里在線咨詢客服
新站提交
  • 網站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會員:747

node.js如何構建web服務器,先介紹node.js的安裝,再介紹使用node.js構建一個簡單的web服務器,最后通過一個簡單的示例,演示網頁與服務器之間的數據交互的實現。

WEB服務器

WEB服務器也稱為WWW服務器。WWW(World Wide Web、翻譯成中文:萬維網或環球信息網)服務器的基本功能就是提供Web信息瀏覽服務。Web服務器可以向Web瀏覽器等客戶端提供文檔,也可以放置網站文件,讓全世界瀏覽,更可以放置數據文件,讓全世界下載。

常見的Web服務器軟件有Apache、Internet信息服務器(Internet Information Services,IIS)等。

Apache服務器:Apache服務器是一款開源免費的服務器軟件,幾乎可以在所以有的計算機平臺上運行,由于Apache是開源,因此所有人都可以參與開發新功能,并且不斷對Apache服務器進行完善。Apache HTTP Server(簡稱Apache)是Apache軟件基金會的一個開放源碼的網頁,它是一個模塊化的服務器,可以運行在幾乎所有廣泛使用的計算機平臺上(即支持多平臺)。其屬于應用服務器。

IIS服務器:IIS服務器是微軟的服務器,可允許IIS在公共Intranet或Internet上發布相信的Web服務器。IIS只能在微軟公司的windows操作系統下使用。

不依賴前面提到的Web服務軟件,使用Node.js 也能搭建Web服務器。

Node.js是什么?

簡單地說,Node.js 是一種開源且跨平臺的服務器端 JavaScript 運行時環境,并可以讓 JavaScript 做后端。

在Windows 上安裝 Node.js

要使用Node.js 需要安裝之。

要使用Node.js 需要安裝之。先到nodejs官網 Node.js 或到中文網站下載 | Node.js 中文網 下載

LTS代表“長期支持”,建議大多數用戶使用這種版本。我下載的是node-v14.18.1-x64.msi

雙擊下載后的安裝包 直接安裝就可以了,可以自定義路徑。安裝時會自動配置環境變量(默認自動將安裝路徑添加path環境變量)。為了照顧新手,下面詳細演示安裝過程。

雙擊下載后的安裝包 安裝,如下所示


圖文詳解node.js如何構建web服務器


點擊Next按鈕,將出現如下界面:


圖文詳解node.js如何構建web服務器


勾選接受協議可選項,點擊 next 按鈕 ,將出現如下界面:


圖文詳解node.js如何構建web服務器


Node.js默認安裝目錄為 "C:\Program Files\nodejs\" ,可以修改目錄(我修改了盤符D),然后點擊 next按鈕,將出現如下界面:


圖文詳解node.js如何構建web服務器


你可以點擊樹形圖標節點來選擇你需要的安裝模式 , 在此保持默認不變,點擊下一步 next按鈕,將出現如下界面:


圖文詳解node.js如何構建web服務器


如果要安裝工具來編譯本機模塊,請單擊復選框。通常,不需要安裝這些工具,因此不必選中此框,點擊next按鈕,將出現如下界面:


圖文詳解node.js如何構建web服務器


單擊Install(安裝)按鈕開始安裝Node.js,將出現如下界面:


圖文詳解node.js如何構建web服務器


請稍等一會,將出現如下界面:


圖文詳解node.js如何構建web服務器


此時,單擊Finish(完成)按鈕退出設置向導。

安裝完后的目錄如下圖所示:


圖文詳解node.js如何構建web服務器


你將看到目錄中有npm.cmd,它是什么?

安裝Node.js時將同時自動安裝npm,它是node包(模塊)管理工具,能解決Node.js代碼部署上的很多問題,常見的使用場景有以下幾種:

允許用戶從NPM服務器下載別人編寫的第三方包到本地使用。

允許用戶從NPM服務器下載并安裝別人編寫的命令行程序到本地使用。

允許用戶將自己編寫的包或命令行程序上傳到NPM服務器供別人使用。

如果你安裝的是舊版本的 npm,可以很容易得通過 npm 命令來升級,Window 系統使用以下命令即可:

npm install npm -g

使用npm包管理工具安裝第三方庫(npm包),有兩種安裝方式:全局安裝和局部安裝:

從敲的命令行來看,差別只是有沒有-g而已,如

npm install X      # 局部(本地)安裝,則是將模塊下載到當前命令行所在目錄。可能會遇到 “'X' 不是內部或外部命令,也不是可運行的程序”錯誤。
npm install X -g   # 全局安裝,可以直接在命令行里使用。

檢查是否正確安裝了Node.js和npm

win+r打開運行,輸入cmd后進入命令行界面。然后輸入node -v和npm -v命令進行node的版本號和npm的版本號的查看。參見下圖:


圖文詳解node.js如何構建web服務器


正確顯示了版本號,OK!


使用node.js構建一個簡單的web服務器

在你項目的目錄(這里以D:\測試文件夾為例)中創建一個叫myServer.js 的文件,并寫入以下代碼:

var http = require('http');
http.createServer(function (request, response) {
    // 發送 HTTP 頭部
    // HTTP 狀態值: 200 : OK
    // 內容類型: text/plain。并用charset=UTF-8解決輸出中文亂碼
    response.writeHead(200, {'Content-Type': 'text/plain; charset=UTF-8'});
 
    // 下句是發送響應數據
    response.end('Hello World! 這是簡單的web服務器測試。\n');
}).listen(8888);
// 終端打印如下信息
console.log('Server running at http://127.0.0.1:8888/');

說明:其中var http = require("http"); 使用 require 指令來載入 http 模塊,并將實例化的 HTTP 賦值給變量 http。

編寫了.js的程序,運行的時候就要通過node.js來運行了,在CMD中先切換到編寫程序的目錄下,然后用node XXX.js即可啟動服務,若不先切換路徑,則用node 路徑\XXX.js啟動服務。然后在瀏覽器中輸入相應的監聽IP地址加上端口號,這里的端口號使用比較大一點的就可以,因為是回環測試,所以使用127.0.0.1來作為測試IP。

使用 node D:\測試文件夾\myServer.js,參見下圖:


圖文詳解node.js如何構建web服務器


簡單例子運行成功了,這其實是用node.js搭建了一個服務器,然后來監聽端口的訪問事件,最后做出相應的回應,需要指出的是,當我們關閉CMD或按CTRL+C鍵之后服務就關閉了。

現在,打開瀏覽器訪問http://127.0.0.1:8888/,你會看如下的網頁:


圖文詳解node.js如何構建web服務器


成功了!


網頁與服務器之間的數據交互示例

現在通過一個簡單的示例,演示網頁與服務器之間的數據交互的實現。

這個例子有兩部分:服務器代碼和網頁代碼

服務器代碼如下:

//require表示引包,引包就是引用自己的一個特殊功能
 var http = require("http");
 var url = require("url");
 var server = http.createServer(function(req,res){
    //得到查詢部分,由于寫了true,那么就是一個對象
     var queryObj = url.parse(req.url,true).query;
     var name = queryObj.name;
     var age = queryObj.age;
     var sex = queryObj.sex;
     res.writeHead(200,{"Content-Type":"text/html;charset=UTF-8"});
     res.end("服務器收到了表單請求" + name + age + sex);
 });
 
 //運行服務器,監聽3000端口(端口號可以任改)
 server.listen(3000,"127.0.0.1");
 
 // 終端打印如下信息
 console.log('Server running at http://127.0.0.1:3000/')

保存文件名為server2.js ,項目的目錄(這里以D:\測試文件夾為例)中

使用 node D:\測試文件夾\Server2.js 運行:


圖文詳解node.js如何構建web服務器


網頁代碼如下:

<!DOCTYPE html>
  <html >
  <head>
      <meta charset="UTF-8">
      <title>與服務端交互網頁</title>
  </head>
  <body>
      <form action="http://127.0.0.1:3000/" method="GET">
          姓名:
          <input type="text" name="name" /> <br />
         年齡:
         <input type="text" name="age" /> <br />
         <input type="radio" name="sex" value="男"/> 男
         <input type="radio" name="sex" value="女"/> 女
         <br />
         <input type="submit">
     </form>
 </body>
 </html>

保存文件名為 與服務端交互示例.html ,用瀏覽器運行:


圖文詳解node.js如何構建web服務器


特別說明,示例比較簡單,特別是后端對數據的處理進行了簡化,在實際應用系統中后端一般使用數據庫保存數據,這樣做主要是讓新手有一個直觀易懂的感性了解,讓初學者有個總體概觀,便于快速入門,有了這些,深入學習就有了基礎。


分享到:
標簽:node.js服務器 構建web服務器
用戶無頭像

網友整理

注冊時間:

網站:5 個   小程序:0 個  文章:12 篇

  • 51998

    網站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會員

趕快注冊賬號,推廣您的網站吧!
最新入駐小程序

數獨大挑戰2018-06-03

數獨一種數學游戲,玩家需要根據9

答題星2018-06-03

您可以通過答題星輕松地創建試卷

全階人生考試2018-06-03

各種考試題,題庫,初中,高中,大學四六

運動步數有氧達人2018-06-03

記錄運動步數,積累氧氣值。還可偷

每日養生app2018-06-03

每日養生,天天健康

體育訓練成績評定2018-06-03

通用課目體育訓練成績評定