jan股幣

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

但在本課程中，我們將選擇 Node.js。現在為什麼是 Node.js？

嗯，最重要的是我們已經知道 Javascript，並且 Node.js 允許我們創建一個後端使用 Javascript。所以我們可以使用一種語言，而不必花很多額外的時間學習關於另一種語言及其所有復雜性。我們已經知道如何使用 Javascript。現在，除此之外，Node 也是超快的，並且允許我們創建真正可擴展和快速運行的網站。我們並不是唯一選擇 Node.js 的人。我們在這里相處得很好。eBay、Uber、Trello、Twitter、Netflix 等網站都在其後端使用 Node.js

它允許我們從瀏覽器中取出 Javascript 並解放它，允許它直接交互與計算機的硬件。所以我們現在可以在我們的網站中使用 Javascript 來賦予它功能和行為，例如實現動畫或下拉菜單。但是 Node.js 允許我們使用 Javascript 進行交互直接與計算機的硬件。例如，我們可以使用它來創建桌面應用程序。

所以現在，使用 Node.js，您不僅可以在瀏覽器中編寫 Javascript 代碼來影響您的網站，還可以編寫在您的計算機上運行的完整應用程序。

在 Windows 上安裝 Node.js

安裝步驟

1. 從Nodes.js® 網站下載 Windows 安裝程序 。 
2. 選擇左側顯示的 LTS 版本。 
3. 運行安裝程序 （您在上一步中下載的 .msi 文件。）
4. 按照安裝程序中的提示進行操作 （接受許可協議，多次單擊 NEXT 按鈕並接受默認安裝設置）。
5. 重新啟動計算機。 在重新啟動計算機之前，您將無法運行 Node.js®。
6. 通過打開超級終端並輸入命令來確認節點已成功安裝在您的計算機上 node --version您應該會看到剛剛安裝的節點版本。

使用 Node.js。

所以我要做的第一件事就是在我的桌面上創建一個新文件夾。

按照以下順序在終端機打上這些指令

.

然後它會把我在index.js打的執行出來

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

我們一直在使用稱為 var 的東西。現在 var 創建了一個變量，例如，如果我說 var a = 2，那麼稍後我決定更改 a 的值，a 現在等於 5，那麼這就是您可以使用 var 來改變變量的方法。

現在 const 代表常數，如果我創建一個常量並為其分配一個值，那麼稍後我將無法更改該值。我不能說現在等於 5。它實際上會給我一個錯誤，它會告訴我試圖覆蓋一個，這是一個常數。這意味著一旦你給它賦值了，你就不能再改變常量了。

可在下面的網址裡找到如何使用的資訊Node.js

https://nodejs.org/api/fs.html#fs_file_system

例如

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

npm是Node.js預設的、用JavaScript編寫的軟體套件管理系統。

現在，在本課中，我想談談 NPM，它是外部模塊的包管理器，因此模塊任何人都可以構建，您可以將其合併到您的項目中。

現在，NPM 本身實際上代表 Node Package Manager，它是目前世界上最大的集合這些代碼包。

NPM 上的包是一些其他人編寫的可重用代碼，您可以使用 NPM這些包到你自己的項目中，節省您自己編寫這些代碼所需的時間和精力。

現在 NPM 實際上與 Node 捆綁在一起，所以當我們安裝 node 時，我們已經安裝了 NPM。

按照以下步驟執行

過程中會產生一個 json 檔

然後一樣照著下面順序的來執行安裝一個npm叫做superheroes

https://www.npmjs.com/package/superheroes

因此，我們將創建一個名為 superheroes 的變量，並將其設置為等於 require 模塊超級英雄。

所以現在把這個模塊合併到我們當前的項目中，我們可以通過利用它來使用它這個 .random 函數。它所做的只是生成一個隨機的超級英雄名字作為輸出。

所以讓我們編寫'superheroes'，這是我們的超級英雄模塊，. 利用它的一種方法，以及方法稱為隨機。

所以合併外部包的過程首先是使用 npm init 來初始化一個包文件，你可以看到它被稱為 package.json。而json只是簡單的一種用來組織數據的文件格式，看起來差不多有點像 Javascript 對象，在那裡你有一個鍵，你有一個值，這只是一種非常簡單的方法結構化數據。

在我們初始化這個文件之後，我們然後安裝了一個我們想要的外部包，它被稱為超級英雄，它作為我們項目的依賴項被添加進來，所以我們的項目現在依賴於這個外部包。這取決於它，因為我們需要它在我們的項目中，然後我們使用它的隨機函數來生成一個超級英雄的名字。

所以我們實際上根本不需要做任何工作，以便擁有一些可以保持的功能每次我們運行這段代碼時都會生成新的超級英雄名字。

NPM 上的包是一些其他人編寫的可重用代碼，您可以使用 NPM這些包到你自己的項目中，節省您自己編寫這些代碼所需的時間和精力。需要點選下方網址

NPM

https://www.npmjs.com/

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

Express.js或簡稱Express，是針對Node.js的web應用框架，在MIT許可證下作為自由及開放原始碼軟體發行。它設計用來建造web應用和API。它已經被稱為針對Node.js的伺服器框架的事實標準。 

Web 應用程序，它是專門為 Web 開發人員製作的。因此，有時使用 Express 與直接使用 Node 相比，您可以節省 5 到您必須編寫的代碼量的 10 倍，因此也有很多時間。而我們程序員討厭重複，所以Express真的很受歡迎。

但是，正如我們所知，如果您已經完成了很多 DIY 工作，請使用十字螺絲刀手動擰緊螺釘會很累，而且你真的有重複性勞損的風險，尤其是如果你有很多宜家家具。所以這意味著在某些情況下，為了特殊用途，例如，如果您經常進行 DIY，那麼您可能需要一把電動螺絲刀。這基本上是 Express。它旨在讓您在構建時編寫更少重複的代碼

首先按以下順序建立資料夾

安裝npm並執行server.js

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

現在在上一課中，我們設置並啟動了我們的服務器，我們的服務器正在監聽端口3000 對於任何試圖與之取得聯繫的瀏覽器。

不幸的是，我們遇到了一個錯誤，我們的瀏覽器說：“我在這個位置與您的服務器取得了聯繫3000，但我什麼也拿不回來。

我無法向你展示任何東西，因為你的服務器沒有給我任何東西可以展示。”這就是我們將在本課中解決的問題。

所以當我們輸入 localhost:3000 時，get 請求被發送到我們網站的路由，它由正斜杠表示。所以這基本上是我們的主頁。現在當那個 get 請求發生時，我們可以觸發一個回調函數，這個回調函數可以有兩個參數：請求和響應。所以這個方法 app.get 定義了當有人向 home 發出 get 請求時會發生什麼路線。所以這是第一個參數。然後有一個回調函數，它告訴服務器在該請求發生時要做什麼。所以讓我們打印出當回調被觸發時我們得到的這個請求對象，看看它是什麼樣子的喜歡。所以我只是要在控制台中記錄請求，然後我要點擊 save，然後我要終止我的服務器通過點擊 Control C，然後我將通過說節點重新啟動它服務器.js，隨著我們在此處實施的更改。所以現在讓我們轉到我們的瀏覽器，我們將再次在 localhost:3000 上按回車鍵，您將看到我們有同樣的錯誤，但是這次當我們查看控制台時，您可以看到有打包到這個被記錄的請求中的一大堆信息。這是與向我們的服務器發出的請求相關的所有信息。

如果更改為 response.send("Hello"); 

那它即為顯示出來

所以第一個參數指定了我們將要響應的路由。因此，這意味著當我們從針對此路由的瀏覽器收到 get 請求時，即 home路線，然後我們將使用此回調進行響應。現在我們可以響應不同的路由。因此，例如，如果我創建另一個 app.get 方法，而不是針對 home 路線，我可能會針對聯繫方式，所以這只是/聯繫，然後我可以創建一個具有 req 和 res、請求和響應的回調，我真的應該改變這個現在我已將參數更改為 res，在這種情況下，我們的響應將再次發送一些信息。我要發送的信息很簡單，“通過janstockcoin@gmail.com 聯繫我”。所以現在我們已經創建了另一條路線。現在，您可以想像，很多編程都是關於前瞻性規劃的。

現在我希望你已經意識到經常不得不結束你的服務器是非常痛苦的並在每次添加一些新代碼時重新啟動服務器服務器.js。現在，如果您轉到 nodemon.io，這是一個可以使用 NPM 安裝的實用程序，它將監視源代碼中的更改，它會在檢測到時自動重新啟動您的服務器您的代碼中的任何更改。所以這將使我們免於發瘋，你所要做的就是進入你的超級終端，然後輸入這些命令'npm install -g nodemon'。現在，您在哪里安裝它並不重要。它不必在您的包裹內。它可以在您的根目錄或主目錄中。安裝後，它將在您的所有項目中可用。所以讓我們轉到我們的終端，我們可以說'npm install -gnodemon'，然後回車，安裝需要一點時間，現在完成後我們可以去我們的 server.js 所在的位置，恰好是 my-express-server，然後我們可以簡單地說“nodemon”然後是我們服務器的文件名，恰好是 server.js。所以現在，一旦我按下回車鍵，Nodemon 就會激活，它會開始監控變化。因此，如果我進入這裡並添加另一條路線，例如 app.get，假設這是我的愛好頁面，並且我有一個回調，req，res，然後我們 res.send 可能是一個帶有 li 的 ul，比如說像咖啡這樣的東西，代碼，和啤酒。所以現在我已經完成了我的代碼，我們需要在這裡觀看。當我在這裡保存我的文件時，所以我的快捷方式是 Command S，根據你使用的是 Windows 還是 Mac，你的快捷方式可能會有所不同，但是當我保存這個 server.js 文件時，Nodemon 會自動重啟，並且會一直保持到端口我們在服務器中指定的。所以這意味著我的服務器始終處於活動狀態並刷新到最新版本的代碼，而且我不必經歷重新啟動命令 C 的痛苦過程。它變得有點一段時間後很累。這就是Nodemon。它會拯救你的理智，它是一個非常酷的工具。因此，在本課中，我們了解了可以設置的所有路線，以搶占用戶可能嘗試的路線導航到使用他們的瀏覽器。

部落格轉移，給讀者更好的閱讀體驗，本文網址 : https://janstockcoin.com/blog/

痞客邦 : https://warlimit.pixnet.net/blog?utm_source=PIXNET&utm_medium=navbar&utm_term=my_blog

隨意窩 : https://blog.xuite.net/warlimit/blog

Blogspot : https://warlimit.blogspot.com