A Node.js kipróbálása

Befejeződött

Ebben a leckében egy Node.js szkriptet hoz létre és futtat.

Fejlesztői tároló indítása böngészőben

A fejlesztési tárolókörnyezet minden olyan függőséggel elérhető, amely a projekt minden gyakorlatának elvégzéséhez szükséges. A fejlesztői tárolót böngészőben vagy helyileg futtathatja a GitHub Codespacesben a Visual Studio Code használatával.

A GitHub Codespaces egy, a GitHub által felügyelt fejlesztői tárolót futtat a Webes Visual Studio Code-tal felhasználói felületként. A legegyszerűbb fejlesztési környezethez használja a GitHub Codespacest, hogy a megfelelő fejlesztői eszközök és függőségek legyenek előre telepítve a képzési modul elvégzéséhez.

Fontos

Minden GitHub-fiók legfeljebb 60 órán át használhatja a Codespace-eket havonta 2 magpéldánysal. További információ: GitHub Codespaces havonta tartalmazza a tárterületet és az alapórákat.

  1. Indítsa el az új GitHub Codespace létrehozásának folyamatát a main MicrosoftDocs/node-essentials GitHub-adattár ágán.

  2. A Kódtér létrehozása lapon tekintse át a kódtér konfigurációs beállításait, majd válassza a Kódtér létrehozása lehetőséget

    Képernyőkép a megerősítést kérő képernyőről egy új kódtér létrehozása előtt.

  3. Várja meg, amíg a kódtér elindul. Ez az indítási folyamat eltarthat néhány percig.

  4. Nyisson meg egy új terminált a kódtérben.

    Tipp.

    A főmenüben navigálhat a Terminál menüre, majd kiválaszthatja az Új terminál lehetőséget.

    Képernyőkép a codespaces menü új terminál megnyitásához.

Node.js REPL

A Node.js tartalmaz egy beépített read-eval-print loop (REPL) módot, amely hasznos a kódok gyors kiértékeléséhez és a kísérletezéséhez. A REPL mód egy interaktív konzolkörnyezet, amelyben JavaScript-kódot adhat meg, értelmezheti a Node.js-szel, futtathatja, majd kinyomtathatja a kimenetet.

A Node.js REPL módja a következőképpen működik:

  • Olvasás: Beolvassa és elemzi a felhasználó JavaScript-kódbemenetét (vagy hibaüzenetet jelenít meg, ha a kód érvénytelen).
  • Eval: Kiértékeli a megadott JavaScript-kódot.
  • Nyomtatás: Kinyomtatja a kiszámított eredményeket.
  • Hurok: Hurkok és várakozások, amíg a felhasználó új parancsot ad meg (vagy kilép, ha a felhasználó kétszer beírja a ctrl-c billentyűkombinációt).

A REPL mód elindításához futtassa a node programot a fejlesztői tároló termináljában.

Feljegyzés

A jobb gombbal a Beillesztés gombra kattintva >írjon be egy másolt parancsot a REPL-konzolon.

node

Ekkor megnyílik a REPL-környezet. Ekkor megjelenik a REPL-üzenet:

>

Adja meg a következő kódot a REPL-konzolon (kattintson a jobb gombbal a Beillesztés gombra>):

console.log('Hello World, from the REPL.')

Ez a kód egy "„Helló világ!” alkalmazás, a REPL-ből" üzenetet nyomtat a REPL-konzolon:

Hello World, from the REPL.

A REPL-konzolból való kilépéshez írja be kétszer a Ctrl + C billentyűkombinációt.

Node.js-szkript létrehozása

A Node.js a kódok fájlokból való futtatását is támogatja.

  1. Hozzon létre egy hello-world nevű új mappát a fejlesztői tárolóban.

  2. Nyissa meg az új mappát egy terminálban a jobb gombbal a mappa nevére kattintva, majd válassza a Megnyitás az integrált terminálban lehetőséget.

  3. Inicializálja a csomópontprojektet a terminálban.

    npm init -y
    
  4. Telepítsen egy csomópontcsomagot aszinkron node-fetch HTTP-kérések létrehozásához.

    npm install node-fetch
    
  5. Nyissa meg a package.json fájlt, és adja hozzá a következő tulajdonságot a legfelső szintű aszinkron/várakozási szint engedélyezéséhez.

    "type":"module",
    
  6. Hozzon létre egy index.js nevű fájlt az új mappában.

  7. Másolja a következő kódot a index.js fájlba:

    console.log('Hello World, from a script file.');
    
  8. A terminálban adja meg a node parancsot, majd a fájl nevét index.js:

    node index.js
    

    A következő kimenetnek kell megjelennie:

     Hello World, from a script file.
    

Ezzel futtatta az első Node.js JavaScript-kódot.

  • Kérdés: A console.log szinkron vagy aszinkron?
  • Válasz: A console.log metódus a fejlesztés során azonnal végrehajtásra kerül, ezért feltételezzük, hogy aszinkron. Ehhez a metódushoz nincs garancia az aszinkron viselkedésre, ezért szinkronnak kell tekinteni. Mivel a kódvégrehajtás a metódus befejezéséig console.log blokkolható, a kódban lévő utasítások éles környezetben való console.log megőrzésére figyelmeztetjük.

Felső szintű aszinkron függvény hozzáadása

Az alábbi felső szintű aszinkron kód http JSON-adatforrást kér, majd megjeleníti azt.

  1. Adja hozzá a következő kódot a index.js fájlhoz egy aszinkron HTTP-kérés létrehozásához:

    import fetch from 'node-fetch';
    
    console.log(`start`);
    try {
      const res = await fetch('https://github.com/MicrosoftDocs/node-essentials');
    
      console.log('statusCode:', res.status);
    } catch (error) {
      console.log(`error: ${error}`);
    }
    console.log(`end`);
    

    A https.get metódus HTTP-kérést küld a Node.js webhelyre, és visszaadja a választ. A get metódus két paramétert használ: a kérendő URL-címet és egy visszahívási függvényt, amelyet a válasz érkezésekor hív meg. A visszahívási függvény egyetlen paramétert vesz igénybe, resamely a válaszobjektum.

  2. Futtassa újra az alkalmazást:

    node index.js
    
  3. A konzolnaplók sorrendje a következő:

    start
    statusCode: 200
    end
    

A kimenetben az eseményhurok működés közben jelenik meg. A RENDSZER meghívja a HTTP-metódust, és a feladatsorba helyezi, várva, hogy visszatérjen. Az eseményhurok a következő feladatot veszi át, amely a console.log metódus.

A fejlesztői tároló leállítása

A GitHub Codespaces-környezet törlése biztosítja, hogy maximálisan kihasználható legyen a fiókhoz tartozó ingyenes óránkénti jogosultság.

Fontos

A GitHub-fiók jogosultságairól további információt a GitHub Codespaces havi tartalmazza a tárterületet és az alapórákat.

  1. Jelentkezzen be a GitHub Codespaces irányítópultjára (https://github.com/codespaces).

  2. Keresse meg a Jelenleg futó, a MicrosoftDocs/node-essentials GitHub-adattárból származó kódtereket.

    Képernyőkép az összes futó kódtérről, beleértve azok állapotát és sablonjait.

  3. Nyissa meg a kódtér helyi menüjét, és válassza a Törlés lehetőséget.

    Képernyőkép egyetlen kódtér helyi menüjéről a törlési lehetőség kiemelésével.