摘要:而通過實現名為的標準模塊,完美的解決了模塊導入問題。通常都被稱為包管理器,而這也是它最大的特色。例如,接受請求發送響應。該模塊主要處理文件相關內容,其中大多數都是文件讀寫功能。
在上一篇文章中,我們簡單的介紹了 Node.js 。了解到它基于 JavaScript、天生異步、擁有大量的第三方類庫。本文將會在之前的基礎上,對 Node.js 進行更深入的介紹。其中主要內容包括:
Node 的安裝
如何使用第三方模塊生態
第三方模塊的安裝
一些簡單的使用示例
開發過程中的一些建議和技巧
在此之前,我假設你已經掌握了 JavaScript 基礎知識并且熟悉一些基本的命令行操作。另外,不要臆想通過這一章就全面掌握 Node。但是如果你有心的話,可以去閱讀 Node.js 實戰。
安裝NodeJavaScript 世界的一大特點就是它選擇性非常多,Node 的安裝也不例外。
可以在官方下載頁面找到各種版本的源代碼和安裝包文件。建議你使用與自己操作系統對應的安裝包進行安裝。當然,你也可用使用 apt-get、Homebrew 等包管理器進行安裝,如果你系統有的話。具體詳見官方的包管理工具的安裝指南。
如果你使用的是 Mac 或者 Linux 的話,那么我極力推薦你使用 NVM 來安裝。Window 系統上的對應程序是 NVMW。這些版本管理工具,讓你可以在不同版本間進行自由切換。例如,你可以在嘗試新版本的特性時,同時在系統中保留一份穩定版。另外,NVM 無需系統管理權限同時卸載也非常容易。而安裝過程也只需在終端執行一行命令。
現在,請在你系統中安裝好 Node。
運行你的第一個Node腳本安裝完成后,先動手寫個 "Hello World" 來檢驗一些。在新建的 helloworld.js 中加入一下代碼:
console.log("Hello, World!");
代碼中主要就是使用 console.log 來打印字符串 "Hello,world!",相信對于前端程序員來說并不會感到陌生。下面我們使用 node helloworld.js 運行代碼。如果一切正常的話,會出現如下輸出:
模塊的使用在大多數編程語言中,我們都會對代碼進行拆分,然后在使用的時候將這些文件引入其中。例如,C 和 C++ 中的 include,Python 的 import ,Ruby 和 PHP 中的 require。而另外一些語言,如 C# 是在編譯時完成跨文件引用的。
很長一段時間內,JavaScript 官方并不支持模塊機制。所以社區中有人就編寫了 RequireJS 這種工具來解決依賴項導入的問題。但是,大多數時候還是通過 標簽來進行文件導入。而Node 通過實現名為 CommonJS 的標準模塊,完美的解決了模塊導入問題。
模塊系統部分主要有三大主要內容:內置模塊的引入,第三方模塊引入,個人私有模塊引入。下面,將會對這些內容逐一介紹。
引入內置模塊Node 已經內置了很多實用模塊,例如,文件系統模塊 fs,工具函數模塊 util。
在 Node 編寫的 Web 應用中,最常見的任務當屬 URL 解析了。瀏覽器通過特定的 URL 來請求服務器上對應的資源。例如,訪問主頁、訪問關于頁面 的網絡請求。這些 URL 都以字符串的形式存在,我們需要對其進行解析然后獲取更多的信息。這里我們通過對 URL 進行解析來介紹如何引入內置模塊。
內置的 url 模塊中暴露的方法不多,不過其中有一個 parse 函數非常有用。它能從 URL 字符串中提取到類似域名和路徑等有益信息。
這里我們使用 require 來實現模塊導入,該命令與之前提到的 Include、Import 的作用一致。通過將模塊名作為參數,該命令就能成功的返回對應的模塊。大多數情況下,該返回的對象是一個 object 對象,但有時也可能會是字符串、數字、或者函數。下面是引入改模塊的示例代碼:
var url = require("url");?? var parsedURL = url.parse("http://www.example.com/profile?name=barry");? ? console.log(parsedURL.protocol);? // "http:" console.log(parsedURL.host);????? // "www.example.com" console.log(parsedURL.query);???? // "name=barry
在上面的代碼中,通過 require("url") 返回一個模塊對象,然后就可以像使用其他對象一樣調用對象的方法。將這段代碼保存到 url-test.js 中并使運行 node url-test.js 命令,你就會看到協議名,域名、查詢條件。
另外,絕大多數時候我們在引入模塊的時候會用一個同名的變量來接受返回的模塊對象。例如,上面就使用 url 來介紹 require("url") 的返回值。當然,你完全可以不遵循上面的規則。如果你想的話,你也可以這么干:
var theURLModule = require("url");?? var parsedURL = theURLModule.parse("http://www.example.com/profile?name=barry");?
保存變量名和模塊名一致只是一個統一風格增加可讀性的寬松約定,而不是什么強制規范。
使用 npm 和 package.json 引入第三方模塊Node 的內置模塊遠遠不能滿足日常開發需要,所以引入第三方模塊是一個必須要掌握的技能。
首先,我們需要了解 package.json 文件。所有的 Node 項目都多帶帶存放在一個文件夾中,而項目如果使用了第三方模塊,那么其中必定存在一個名為 package.json 的文件。package.json 中的內容非常的簡單,一般其中定義了項目名稱、版本號、作者,已經項目的外部依賴項。
在新建的 Node 工程文件夾中,將下面的內容復制到 package.json 中。
{ ? "name": "my-fun-project",?? ? "author": "Evan Hahn",????? ? "private": true,??????????? ? "version": "0.2.0",???????? ? "dependencies": {}????????? }
其實,在進行 Node 安裝時實際上還安裝了另一個程序:npm 。通常 npm 都被稱為 Node 包管理器,而這也是它最大的特色。假設,現在需要在應用中導入一個小型的標準模版系統 Mustache。它能將模版字符串轉化為真正的字符串,請看代碼:
// Returns "Hello, Nicholas Cage!" Mustache.render("Hello, {{first}} {{last}}!", { ? first: "Nicholas", ? last: "Cage" }); ? // Returns "Hello, Sheryl Sandberg!" Mustache.render("Hello, {{first}} {{last}}!", { ? first: "Sheryl", ? last: "Sandberg" });
現在,假設你想通過 Mustache 模塊來編寫一個簡單的 Node 應用來歡迎 Nicolas Cage。
首先,在工程文件夾的根目錄里運行 npm install mustache --save 。該命令會新建一個 node_modules 文件夾并將 Mustache 保存到文件夾下。 --save 參數將會把該模塊添加到 pakage.json 文件中。此時 pakage.json 文件夾大致如下,其中 Mustache 會使用最新的版本。
{ ? "name": "my-fun-project", ? "author": "Evan Hahn", ? "private": true, ? "version": "0.2.0", ? "dependencies": { ??? "mustache": "^2.0.0"? #A ? } }
如果你沒有使用 --save 選項的話,雖然也會創建 node_modules 文件夾將把 Mustache 模塊保存到同名子目錄下,但是 pakage.json 將不會發生任何變化。這里之所以將這些依賴關系保存到 package.json 是為了方便其他開發者在得到工程后直接使用 npm install 完成所有依賴項的安裝。另一個原因是 Node 項目在進行代碼管理時通常都會忽略 node_modules 文件夾而只保留 package.json。
安裝完成后接下來就是使用了:
var Mustache = require("mustache");? var result = Mustache.render("Hi, {{first}} {{last}}!", { ? first: "Nicolas", ? last: "Cage" }); console.log(result);
保存代碼到 mustache-test.js 中并執行 node mustache-test.js 命令。然后你將會看見 Hi,Nicolas Cage! 。
就是這樣簡單,這些依賴項安裝完成后,你可以像使用內置模塊一樣進行調用。node_modules 中模塊引入的工作直接交給 Node 就行了,你無需擔心。
當然你可以手動添加工程依賴項,并且你還可以指定依賴項的版本。
實現私有模塊npm init
除了安裝依賴項之外,npm 還能完成其他任務。例如,自動生成 package.json 而不是通過手動編輯的方式。在一個新工程的文件夾中可以通過 npm init 來配置工程名、作者、版本等信息,然后 npm 就會自定生成對應的 package.json 文件。這種自動化過程可以節約開發者的時間。
前面都是介紹如何使用他人開發好的模塊,接下來你將會學到如何去開發一個私有模塊。假設現在需要隨機返回 0 ~ 100 之間的整數。在不引入其他模塊的情況下,代碼大致如下:
var MAX = 100; function randomInteger() { return Math.floor( (Math.random() * MAX) ); }
這可能與你在瀏覽器環境下代碼差不多,并沒有什么特別之處。但是在 Node 中,我們還需要暴露一個變量給外部使用。這樣當其他程序在通過 require 進行引入的時候就能獲得該變量。此例中,我們暴露函數 randomInteger 并將代碼保存到 random-integer.js 文件中。
var MAX = 100; function randomInteger() { return Math.floor( (Math.random() * MAX) ); } module.exports = randomInteger;
最后一行代碼對于 Node 初學者來說可能感覺有點陌生。每個模塊只能暴露一個變量,而且必須通過 module.exports 設置。本例中只暴露了一個函數變量,所以 MAX 就作為模塊私有變量無法被其他文件所訪問。
module.exports 可以暴露任何變量,雖然本例中是一個函數,但是通常都會是一個對象。當然,你可以暴露字符串或者數組。
接下來我們就來使用一下這個新模塊。在 random-integer.js 同一目錄下,新建一個 print-three-random-integers.js 并復制下面的代碼:
var randomInt = require("./random-integer");? #A console.log(randomInt());? // 12 console.log(randomInt());? // 77 console.log(randomInt());? // 8
除了需要通過點語法指定相對路徑之外,其余部分與前面幾乎一摸一樣。通過 node print-three-random-integers.js 命令,我們可以檢查程序的運行效果。不出意外的話,將會有三個 0 ~ 100 之間的隨機數會被打印出來。
如果你嘗試運行 node random-integer.js 的話,你還發現并沒有任何事情發生。雖然,我們暴露了模塊中的函數,但是改函數并不會執行更不會打印任何輸出。
注意,這里只涉及了私有模塊在工程中的使用。如果你希望將自己的模塊發布出去供其他人使用的話,可以去我的個人站點查看相關內容。
以上部分就是 Node 模塊系統的簡單入門。
Node:異步的世界在第一章中,我用 “烤松餅” 的例子簡單的介紹了 Node 中的異步特性。其中的關鍵點就是,你無法同時做兩件事哪怕它們是同時發生的。雖然,在烘焙過程中我可以健身,但是,烤箱畢竟只是個外部事物。
Node 的異步工作原理與此類似,例如,你通過瀏覽器請求 Node 服務器上的一張小貓圖片。因為該圖片資源太大,所以在進行磁盤讀寫的時候你可以抽身去處理其他事情。此時,這個磁盤就相當于一個外部資源,我們可以直接處理第二個請求而無需掛起等待費時操作結束。
Express 中主要有兩個外部資源:
涉及文件系統。例如,磁盤文件的讀寫。
涉及網絡處理。例如,接受請求、發送響應。
在 Node 代碼中,這些異步都是通過回調進行處理的。其工作原理和在 Web 頁面發送 AJAX 請求一樣。在發送請求時你會附帶一個回調函數,當請求處理完成后你的回調將會被執行。
例如,現在你正在硬盤上讀取文件 myfile.txt 。當讀取結束后,你希望能夠打印出其中字母 X 出現的次數,代碼如下:
var fs = require("fs");? ? var options = { encoding: "utf-8" };????????????????????? fs.readFile("myfile.txt", options, function(err, data) {? ? if (err) {???? ??????????????????????????? ??? console.error("Error reading file!");?? ??? return;???????????????????????????????? ? }???????????????????????????????????????? ? ? console.log(data.match(/x/gi).length + " letter X"s");?? });
下面我們一步步解釋這些代碼:
首先,我們導入 Node 自帶的文件系統模塊。該模塊主要處理文件相關內容,其中大多數都是文件讀寫功能。本例使用的其中的 readFile 方法。
接下來,我們需要設置 fs.readFile 方法中的參數,第一個是文件名,第二個就是會回調函數。并且在讀取結束后執行回調函數。
在 Node 中大多數回調函數都會設置錯誤信息 error 作為第一個參數。正常情況下該參數等于 null ,如果出現錯誤則該參數會保存錯誤信息。雖然有時候這些錯誤信息并不會導致程序終止執行,但是多數情形下我們都需要對錯誤做出響應,例如,拋出異常并跳出回調函數。這也是 Node 中最常見的回調實踐。
最后,當一切正常時我們使用正則表達式匹配字母 X 并打印其數量。
下面我們就來做個測試。這里,我們在上面代碼的結束加上一段,那么會發生什么事情呢?
var fs = require("fs");? ? var options = { encoding: "utf-8" };????????????????????? fs.readFile("myfile.txt", options, function(err, data) {? ? if (err) {???? ??????????????????????????? ??? console.error("Error reading file!");?? ??? return;???????????????????????????????? ? }???????????????????????????????????????? ? ? console.log(data.match(/x/gi).length + " letter X"s");?? }); console.log("Hello World!");
異步文件讀取時異步操作,所以這里先打印出來的是 " Hello world! ",然后才是異步函數中的打印操作。
這就是異步模式強大的地方。當一個外部設備在處理費時操作時,你可以繼續運行其他代碼。在 Web 應用中這意味著相同的時間可以處理更多的請求。
用 Node 構建 Web 服務:http 模塊注意:如果你想了解更多 JavaScript 異步的內容的話,你可以去油管上查看這個視頻。視頻中的講解同時適用于 Node 和瀏覽器環境。
只有理解了上面那些概念,你才能更好的掌握 Node 內置的 HTTP 模塊。而該模塊對 Express 框架來說又是最重要的模塊之一。Node 和 Express 能夠構建 Web 服務正是依賴于這個模塊中的功能。
Node 的 HTTP 模塊有很多特性(比如,向其他服務器發送網絡請求),不過我們將要使用的是其中一個名為 http.createServer 的方法。該方法通過其回調函數來處理每一次的網絡請求,并且進行響應。下面代碼中我們將所有的響應都設置為了 "hello world" (可以保存到 myserver.js 中)。
var http = require("http");?????????? ? function requestHandler(request, response) {???????????? ? console.log("In comes a request to: " + request.url);? ? response.end("Hello, world!");???????????????????????? }?????????????????????????????? ????????????????????????? ? var server = http.createServer(requestHandler);? server.listen(3000);?
上面的代碼由 4 個部分構成。
首先,我們引入 HTTP 模塊并將其保存到變量 http 中。這與之前 URL 模塊的操作一致。
接著,定義了一個請求處理函數 requestHandler 。教程中的幾乎所有的代碼要么是請求處理函數要么是調用處理函數。該函數有兩個參數,request 表示請求對象,而 response 則表示響應對象。request 中包含 URL 路徑、user-agent 等信息。而通過調用 response 對象方法 Node 會將響應信息打包好并發送給請求者。
余下的代碼則是指定內置的 HTTP 服務在請求是執行的處理函數以及服務監聽的端口號。
對于 HTTPS 來說,我們則可以使用自帶的 HTTPS 模塊。除了需要配置 SSL 證書,其余的過程都一樣。如果你了解 HTTPS 的話那么后期從 HTTP 切換到 HTTPS 兩分鐘就能搞定。即使你不了解,也不必太過擔心。
如果你將代碼保存到 myserver.js 并執行 node myserver.js 拉起服務。那么,此時你在瀏覽器中訪問 http://localhost:3000 ,你就會看到:
你可能也注意到了,每當你發起請求的時候終端控制臺都會打印一些信息。當你嘗試訪問不同 URL 時,雖然控制臺打印的信息不同但是得到的響應卻都是 “Hello, world!”。控制臺打印的信息類似于:
請注意上面打印的 URL 信息中并不包含 localhost:3000。雖然看起來顯得不那么直觀,但是反過來這也是對的。畢竟使用相對路徑,我們無需修改就能在任何電腦上部署 Node 應用。
而 URL 解析的代碼大致如下:
function requestHandler(req, res) { if (req.url === "/") { res.end("Welcome to the homepage!"); } else if (req.url === "/about") { res.end("Welcome to the about page!"); } else { res.end("Error! File not found."); } }
所有的請求 URL 都可以在這個函數里面完成處理。這樣做對于簡單的應用來說確實非常簡單,但是當應用規模變大之后該函數就會變的臃腫不利于維護。這也是 Express 框架出現的重要原因。
總結本文主要內容:
Node 的安裝
模塊系統的使用
package.json 文件的介紹
通過 package.json 安裝第三放模塊依賴項
Node 中的異步編程概念。
簡單 HTTP 服務應用的創建。
原文地址
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/84827.html
摘要:面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象,,,事件驅動,事件發射器加密解密,路徑操作,序列化和反序列化文件流操作服務端與客戶端。 第一階段: HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎:Js基礎教程、js內置對...
摘要:面向對象三大特征繼承性多態性封裝性接口。第五階段封裝一個屬于自己的框架框架封裝基礎事件流冒泡捕獲事件對象事件框架選擇框架。核心模塊和對象全局對象,,,事件驅動,事件發射器加密解密,路徑操作,序列化和反序列化文件流操作服務端與客戶端。 第一階段: HTML+CSS:HTML進階、CSS進階、div+css布局、HTML+css整站開發、 JavaScript基礎:Js基礎教程、js內置對...
摘要:多一個技能多一條出路,祝你在自學道路上越走越好,掌握自己的核心技能,不只是優秀,還要成為不可替代的人 NodeJs+Express+Mysql + Vuejs 項目實戰 最近準備寫一系列文章,全面講述如何基于NodeJs + Express + Mysql + Vuejs 從零開發前后端完全分離項目; 文筆及技術可能在某些方面欠佳,請您指正,共同學習進步 前端:Vuejs全家桶 后端:...
閱讀 3579·2023-04-26 02:05
閱讀 2023·2021-11-19 11:30
閱讀 4234·2021-09-30 09:59
閱讀 3188·2021-09-10 10:51
閱讀 2615·2021-09-01 10:30
閱讀 1498·2021-08-11 11:20
閱讀 2626·2019-08-30 15:54
閱讀 573·2019-08-30 10:49