Przewodnik dla początkujących dotyczący rozpoczęcia pracy z Node.js

Przewodnik Dla Poczatkujacych Dotyczacy Rozpoczecia Pracy Z Node Js



Node.js okazał się potężnym narzędziem do tworzenia stron internetowych, zyskując popularność wśród programistów ze względu na swoją wydajność, niezawodność i skalowalność. Uzyskanie podstawowego zrozumienia przed zagłębieniem się w cokolwiek i poznanie wszystkiego w jednym miejscu to niezłe przeżycie. Jeśli chcesz dogłębnie zrozumieć Node.js, musisz trafić we właściwe miejsce. Po przeczytaniu tego artykułu użytkownicy mogą rozpocząć swoją przygodę z pisaniem skryptów kodu w Node.js.

Ten post będzie dotyczył:

Co to jest Node.js?

Najczęściej wyszukiwanym hasłem w wyszukiwarce Google jest What is Node.js? Najpopularniejsze pytania to: Czy Node.js jest językiem programowania? Czy to ramy? Czy to biblioteka? W uproszczeniu Node.js można zdefiniować jako środowisko uruchomieniowe obsługiwane przez bibliotekę JS.







Jednym z dobrze znanych, wieloplatformowych środowisk wykonawczych Javascript o otwartym kodzie źródłowym jest Node.js. Ze względu na swoje możliwości adaptacyjne można go wykorzystać w dowolnym projekcie lub aplikacji. To, co go wyróżnia, to zastosowanie silnika V8, tego samego, który napędza przeglądarkę Google Chrome. To sprawia, że ​​Node.js jest optymalnym wyborem do tworzenia skryptów po stronie serwera i wykonywania skryptów kodu poza środowiskiem programistycznym.



Node.js różni się znacznie od innych języków programowania po stronie serwera. Należy zauważyć, że nie jest to serwer zaplecza ani serwer WWW. Solo nie może nic zrobić, ale zbiór modułów pomaga w stworzeniu skalowalnego projektu. Działa na jednym serwerze i nie generuje dodatkowych wątków dla każdego pojedynczego żądania. Co więcej, większość bibliotek NodeJS używa paradygmatów nieblokujących, więc blokowanie jest wyjątkiem, a nie regułą. Asynchroniczne prymitywy we/wy to funkcja standardowej biblioteki Node.js, która zapobiega blokowaniu kodu JavaScript.



Kiedy Node.js wykonuje operację we/wy, np. operacje crud w sieci, nie blokuje wątku i nie marnuje cykli procesora oczekujących na odpowiedź; zamiast tego wznowi operacje po otrzymaniu odpowiedzi.





Prosty przykład Node.js

Prostym przykładem zrozumienia koncepcji Node.js jest utworzenie serwera WWW i napisanie tekstu. Ponieważ jest to wprowadzenie do Node.js, dodajmy więc linię wprowadzającą do portu internetowego:

konst http = wymagać ( „http” ) ;

konst Port serwera = 3000 ;

konst serwer = http. utwórz serwer ( ( wymaganie, rez ) => {

rez. Kod statusu = 200 ;

rez. zestaw nagłówka ( 'Typ zawartości' , 'Zwykły tekst' ) ;

rez. koniec ( „Przewodnik dla początkujących, jak rozpocząć pracę z Node.js!” \N ' ) ;

} ) ;

serwer. Słuchać ( Port serwera, ( ) => {

konsola. dziennik ( `Serwer działający pod adresem http : //localhost:${serverPort}/`);

} ) ;

W tym kodzie:



  • „const http = require(‚http”)” importuje moduł http, który pomaga w tworzeniu serwerów HTTP i obsłudze związanych z nimi funkcjonalności.
  • „const serverPort = 3000” definiuje port, na którym będzie działał serwer.
  • „const serwer = http.createServer((req, res) => {})” wykorzystuje metodę tworzenia serwera modułu http do utworzenia serwera z funkcją wywołania zwrotnego, przyjmującą dwa argumenty, jeden to żądanie, a drugi to odpowiedź zostanie wygenerowany dla żądania.
  • Wewnątrz funkcji wywołania zwrotnego kod stanu HTTPS jest ustawiony na 200, a typ treści odpowiedzi jest ustawiony na zwykły tekst. Ponadto serwer WWW wyświetla komunikat zatytułowany „Przewodnik dla początkujących dotyczący rozpoczęcia pracy z Node.js”.
  • Wywoływana jest funkcja „server.listen(serverPort, () =>{})” w celu uruchomienia serwera i odsłuchiwania wszystkich żądań przychodzących na serwer. Funkcja wywołania zwrotnego jest wywoływana po uruchomieniu serwera i wyświetla na terminalu komunikat informujący o porcie, na którym uruchamiany jest serwer.

Wyjście

Do wykonania użyj poniższej linii:

aplikacja węzła js

Gdzie Aplikacja.js to nazwa aplikacji.

Dane wyjściowe w terminalu to:

Oznacza to, że serwer został uruchomiony i nasłuchuje przychodzących żądań. Aby sprawdzić odpowiedź na serwerze skorzystaj z poniższego linku „ http://localhost:3000/ ”.

Dane wyjściowe po stronie serwera będą wyświetlane jako:

Jak działa Node.js?

Node.js to platforma, która pomaga serwerom obsługiwać wiele żądań jednocześnie. Chociaż do obsługi żądań używa tylko jednego wątku, skutecznie zarządza operacjami wejścia i wyjścia za pomocą wątków. Wątki to grupa instrukcji wykonujących zadania w tym samym czasie. Node.js współpracuje z pętlą zdarzeń, która kontroluje zadania bez zatrzymywania, dopóki jedno nie zostanie zakończone przed rozpoczęciem następnego.

Pętla zdarzeń Node.js jest pętlą ciągłą i półnieskończoną. Pętla ta zarządza zdarzeniami synchronicznymi i niesynchronicznymi w Node.js. Po uruchomieniu projektu Node.js uruchamiana jest jego realizacja, która płynnie przekazuje trudne zadania do systemu. Dzięki temu inne zadania w głównym wątku mogą działać płynnie.

Aby zrozumieć i uchwycić szczegółową koncepcję pętli zdarzeń w Node.js, napisaliśmy: poświęcony artykuł w tym temacie.

Zalety Node.js

Oto niektóre główne zalety Node.js:

  • Skalowalność : upraszcza rozwój aplikacji w dwóch kierunkach: poziomo i pionowo.
  • Aplikacje internetowe działające w czasie rzeczywistym : najlepszy do zadań wymagających szybkiej synchronizacji i zapobiegania zbyt dużemu obciążeniu protokołu HTTP.
  • Prędkość : Szybkie wykonywanie zadań, takich jak umieszczanie i pobieranie danych z baz danych, łączenie się z sieciami lub obsługa plików.
  • Łatwość uczenia się : Node.js jest łatwy do nauczenia dla początkujących, ponieważ używa JavaScript.
  • Korzyści z buforowania : Przechowuje tylko jedną część, więc nie ma potrzeby ponownego uruchamiania kodu, gdy zostaniesz o to poproszony, pamięć podręczna to szybka pamięć i oszczędza dodatkowy czas ładowania.
  • Przesyłanie strumieniowe danych : obsługuje żądania i odpowiedzi HTTP jako różne zdarzenia, zwiększając w ten sposób wydajność.
  • Hosting : Łatwe do umieszczenia na stronach internetowych takich jak PaaS i Heroku.
  • Wsparcie korporacyjne : Używany przez duże firmy, takie jak Netflix, SpaceX, Walmart itp.

Jak zainstalować Node.js w systemie Windows?

Ponieważ zaczynamy tworzyć aplikacje Node.js, jeśli mamy środowisko Windows, środowisko Node.js musi zostać skonfigurowane. Postępuj zgodnie z poniższymi wskazówkami, aby skonfigurować środowisko Node.js w systemie operacyjnym Windows.

Krok 1: Pobierz pakiet instalatora Node.js

Przejdź na oficjalną stronę Node.js Oficjalna witryna Node.js i upewnij się, że pobrałeś najnowszą wersję Node.js. Sprawdź także, czy jest z nim zainstalowany menedżer pakietów npm, ponieważ odgrywa on kluczową rolę w skalowaniu aplikacji Node.js.

Po prostu kliknij Instalator Windows i rozpocznie się pobieranie. Pobrana wersja będzie 64-bitowa i zalecana jest wersja LTS (Long Term Support). Uruchom program pakujący instalatora, aby zainstalować Node.js.

Krok 2: Zainstaluj moduł Node.js i NPM na swoim komputerze

Pojawi się następujący ekran, kliknij przycisk Dalej:

Po kliknięciu Dalej pojawi się nowe okno, w którym użytkownik zostanie poproszony o podanie ścieżki, z której ma zostać pobrany bibliotek msi Node.js.

Teraz w oknie poniżej wybierz żądaną ścieżkę i kliknij przycisk Dalej:

Po kliknięciu następnego przycisku pojawi się okno konfiguracji niestandardowej, w którym zostaniesz poproszony o wybranie pakietu, który chcesz zainstalować. W tym oknie wybierz menedżera pakietów npm, domyślnie wybrane jest środowisko wykonawcze Node.js. W menedżerze pakietów npm instalowane są zarówno Node.js, jak i pakiet npm.

Na koniec kliknij przycisk Instaluj, aby rozpocząć podróż.

Krok 3: Sprawdź zainstalowane wersje

Dowiedzenie się, która wersja jest zainstalowana, jest kluczowe, więc aby to sprawdzić, przejdź do paska wyszukiwania systemu Windows i wpisz Wiersz poleceń:

Po otwarciu okna wiersza poleceń wpisz dwa polecenia w celu weryfikacji.

Wersja Node.js

Wersję Node.js można sprawdzić za pomocą następującego polecenia w wierszu poleceń:

węzeł - W

Zainstalowana wersja pojawi się

Wersja NPM

Aby sprawdzić wersję npm, użyj następującego polecenia:

np - W

Wersja dla npm pojawi się w terminalu.

To wszystko, teraz możesz rozpocząć tworzenie aplikacji z konfiguracją środowiska Node.js.

Nie wszyscy użytkownicy korzystają z systemu Windows, dlatego pożądane jest zaspokojenie potrzeb wszystkich. Poniżej znajduje się proces instalacji Node.js na komputerze Mac.

Jak zainstalować Node.js na Macu?

W przypadku użytkowników komputerów Mac instalacja w systemie Windows jest taka sama. Idź do oficjalna strona Node.js i pobierz pakiet dla komputerów Mac.

Krok 1: Pobierz Menedżera pakietów dla komputerów Mac

Odwiedź oficjalną stronę Node i pobierz MacOSInstaller NodeJS:

https://nodejs.org/en/download/current

Kliknij określony przycisk na powyższym ekranie, aby rozpocząć pobieranie.

Użytkownicy mogą określić lokalizację, w której ma zostać zainstalowany.

Krok 2: Zainstaluj plik .pkg Node.js

Uruchom plik instalacyjny i postępuj zgodnie z instrukcją instalacji:

Kliknij przycisk „Zainstaluj”, a rozpocznie się instalacja Node.js.

Po zakończeniu instalacji NodeJS wyświetli się podsumowanie:

Kliknij przycisk „Zamknij”, aby zakończyć instalację.

Krok 3: Sprawdź instalację i wersję Node.js

Aby sprawdzić, czy Node.js został zainstalowany i sprawdzić jego wersję, użyj następującego polecenia:

węzeł -- wersja

Krok 4: Globalna aktualizacja NPM

Wykonaj wpisane poniżej polecenie, aby zaktualizować NPM dla wszystkich użytkowników systemu przy użyciu flagi „–global”:

sudo apt zainstaluj npm -- światowy

Krok 5: Ustaw ścieżkę węzła na zmienną $PATH

Uruchom następujące polecenie, aby ustawić zmienną PATH dla NodeJS:

eksportuj ŚCIEŻKĘ =/ usr / lokalny / git / kosz :/ usr / lokalny / kosz : $ŚCIEŻKA

Notatka: W powyższym poleceniu „/usr/local/bin” to lokalizacja, w której domyślnie instalowany jest NodeJS.

Krok 6: Zaktualizuj szczegóły PATH w „.bash\_profile”

Dodaj szczegóły ścieżki do „~/.bash\_profile” za pomocą polecenia podanego poniżej:

Echo „eksport PATH=/usr/local/bin:$PATH” >> ~ / . grzmotnąć \_profil

Krok 7: Zaktualizuj plik ~/.bashrc

Aby udostępnić go wszystkim użytkownikom, wykonaj poniższe polecenie:

źródło ~ / . bashrc

To tyle, jeśli chodzi o instalację NodeJS i ustawienie zmiennej PATH w MacOS dla NodeJS.

Jak zainstalować Node.js na Linuksie?

Aby zainstalować Node.js w dowolnym systemie operacyjnym Linux opartym na Debianie, wykonaj procedurę krok po kroku podaną poniżej:

Krok 1: Otwórz terminal

Najpierw uruchom terminal za pomocą skrótu klawiaturowego „CTRL+ALT+T”:

Krok 2: Zaktualizuj i uaktualnij system

Wykonaj polecenie wpisane poniżej, aby zaktualizować i zaktualizować repozytorium systemu:

aktualizacja sudo apt && aktualizacja sudo apt - I

Krok 3: Zainstaluj Node za pomocą menedżera pakietów apt

Po zaktualizowaniu repozytorium systemu zainstaluj Node.js z oficjalnego menedżera pakietów APT za pomocą polecenia:

sudo apt zainstaluj nodejs

Krok 4: Sprawdź instalację węzła

Po zainstalowaniu sprawdź instalację, sprawdzając wersję Node.js za pomocą podanego polecenia poniżej:

węzeł - W

Krok 5: Zainstaluj NPM

Dobrą praktyką jest instalowanie NPM razem z NodeJS, ponieważ jest to wymagane przez większość czasu. NPM jest również dostępny w oficjalnym repozytorium APT i można go zainstalować za pomocą podanego polecenia:

sudo apt zainstaluj npm

Krok 6: Sprawdź instalację NPM

Sprawdź także wersję NPM, aby zweryfikować instalację NPM za pomocą następującego polecenia:

np - W

W ten sposób możesz zainstalować Node i NPM w systemach operacyjnych Linux opartych na Debianie.

Jak napisać pierwszy program w Node.js? (Witaj świecie)

Wszystko zostało już ustawione na naszą drogę do tworzenia aplikacji w Node.js. Stwórzmy nasz pierwszy program, który jest dość powszechny. Ilekroć ktoś zaczyna uczyć się nowego języka lub frameworka, pierwszym programem jest zwykle wypisanie „Hello World”. Powitać wszystkich w inny sposób to niezłe uczucie i opowiedzieć im o początku naszej nowej podróży. Poniżej znajduje się kod na początek:

//Aplikacja.js

konsola. dziennik ( 'Witaj świecie!' ) ;

Aby wykonać ten skrypt kodu, użyj następującego polecenia:

aplikacja węzła js

Wyjście

Wyciąg Hello World zostanie zalogowany na terminalu:

Jak importować moduły rdzenia węzła?

Użytkownicy muszą użyć funkcji „require()”, aby użyć żądanego modułu do pracy w swoim skrypcie kodu. Na przykład, jeśli ma zostać użyty moduł „fs” (System plików), linia kodu importu będzie wyglądać następująco:

konst fs = wymagać ( „fs” )

Spowoduje to zaimportowanie wszystkich funkcjonalności tego modułu i zapisanie ich w zmiennej fs, która jest zmienną stałą, co oznacza, że ​​jej zawartości nie można zmienić w czasie wykonywania. Następnie za pomocą zmiennej „fs” użytkownik może zaimplementować żądane funkcjonalności.

Stwórzmy teraz prosty przykładowy kod, w którym importowany jest moduł, a jego funkcjonalność wykorzystywana jest w skrypcie kodu.

Przykład: Korzystanie z modułu HTTP

konst http = wymagać ( „http” ) ;

// Prosty serwer HTTP

konst httpSerwer = http. utwórz serwer ( ( wymaganie, rez ) => {

rez. napisz Głowę ( 200 , { 'Typ zawartości' : „tekst/html” } ) ;

rez. pisać ( '' ) ;

rez. pisać ( '' ) ;

rez. pisać ( ) ;

rez. pisać ( '' ) ;

rez. pisać ( '' ) ;

rez. pisać (Witaj świecie! ) ;

rez. pisać ( ) ;

rez. pisać ( ) ;

rez. pisać (

Witaj, świecie!

) ;

rez. pisać ( „” ) ;

rez. pisać ( '' ) ;

rez. koniec ( ) ;

} ) ;

// Nasłuchuję na porcie 3000

httpSerwer. Słuchać ( 3000 , ( ) => {

konsola. dziennik ( „Serwer nasłuchuje na porcie 3000” ) ;

} ) ;

W tym kodzie:



  • „const http = require(‚http”)” importuje zawartość modułu http i przechowuje ją w stałej zmiennej „http”.
  • „const httpServer = http.createServer((req, res) =>” tworzy prosty serwer HTTP i dodaje tekst Hello World wraz z podstawowym kodem HTML. Metoda createServer tworzy serwer z dwoma argumentami, jeden jest żądaniem na serwerze i druga to odpowiedź wygenerowana dla tego żądania.
  • „httpServer.listen(3000, () =>” określa port 3000 na lokalnym hoście i rejestruje komunikat na terminalu, że serwer jest aktywny i nasłuchuje na porcie 3000.

Aby uruchomić aplikację Node, uruchom plik JS za pomocą polecenia node, jak pokazano poniżej:

aplikacja węzła js

Gdzie App.js to nazwa pliku.







Wyjście



Komunikat w terminalu po uruchomieniu tego kodu będzie wyglądał następująco:







Teraz musimy zweryfikować dane wyjściowe po stronie serwera i sprawdzić, czy zostanie tam wydrukowany komunikat „Hello World”, czy nie:



Wiadomość została pomyślnie wydrukowana na serwerze, a czcionka została dostosowana przy użyciu podstawowego kodu HTML.

Node.js: moduły podstawowe

Niektóre moduły Node.js to:

  • http: pozwala na utworzenie serwera HTTP w Node.js
  • zapewniać: zbiór funkcji potwierdzających pomaga przede wszystkim w testowaniu
  • fs: umożliwia obsługę operacji na plikach
  • ścieżka: zestaw metod zajmujących się ścieżkami plików
  • proces: dostarcza informacji i kontroli na temat bieżącego procesu Node.js
  • Ty: dostarcza informacji dotyczących systemu operacyjnego
  • ciąg zapytania: narzędzie służące do analizowania i formatowania ciągów zapytań URL
  • adres URL: moduł ten udostępnia narzędzia do rozpoznawania i analizowania adresów URL

Jak zainstalować pakiety NPM?

NPM (Node Package Manager) pomaga w zarządzaniu i korzystaniu z bibliotek lub narzędzi innych firm w projekcie Node.js. Wykonaj poniższe kroki, aby zainstalować pakiety NPM.

Krok 1: Zainstaluj żądany pakiet

Zainstalujmy moduł express, który jest dość powszechny przy tworzeniu aplikacji internetowych w Node.js. Aby zainstalować ekspres użyj polecenia:

npm zainstaluj ekspresowo

Ta linia poleceń zainstaluje moduł ekspresowy w folderze projektu.

Krok 2: Zapisz moduł w Package.json

NPM automatycznie aktualizuje plik package.json o nową zależność. Jeśli chcesz zapisać to jawnie jako rozwinięcie zależności projektu, użyj flag –save-dev lub –save.

npm zainstaluj ekspresowo -- ratować - dev # Zapisz jako zależność programistyczną

npm zainstaluj ekspresowo -- save # Zapisz jako zależność produkcyjną

Dlaczego pakiety NPM są ważne?

Pakiety NPM są bardzo ważne w środowisku programistycznym Node.js. Poniżej znajdują się możliwe przyczyny:

  • Możliwość ponownego użycia kodu: Pakiety NPM przechowują zapis kodu, który można wykorzystać ponownie. Oszczędzają czas programistów, oferując zoptymalizowane gotowe metody.
  • Zarządzanie zależnościami: NPM ułatwia obsługę wymagań projektu. Lista wymagań projektu znajduje się w pliku package.json, co ułatwia korzystanie i udostępnianie wymagań projektu.
  • Wkład społeczności: NPM pomaga zbudować dużą grupę programistów, którzy dzielą się swoją pracą z innymi, aby mogli ją wykorzystać w wielu bezpłatnych pakietach oprogramowania. Ten wspólny wkład przyspiesza okres tworzenia aplikacji.
  • Kontrola wersji: NPM pozwala zapisać wersję pakietu dla Twojego projektu. Zapewnia to płynną pracę i obsługę wymaganych zmian.
  • Wydajność i spójność: Korzystanie z wydajnych pakietów zwiększa efektywność projektu i pozwala na utrzymanie spójności kodu w całym zespole programistów.

Otóż ​​to. Nie tylko nauczyłeś się, jak zainstalować żądane pakiety, ale także rozumiesz, dlaczego te pakiety są wymagane w Twoim środowisku programistycznym Node.js.

Jak rozpocząć pracę z Express JS?

Do tworzenia wydajnych aplikacji internetowych wykorzystywany jest framework Express.js. Moduł „ekspresowy” świetnie sprawdza się przy budowaniu aplikacji webowych w Node.js. Poniżej znajduje się procedura rozpoczęcia korzystania z tego pakietu.

Krok 1: Instalacja ekspresu

Aby zainstalować Express, użyj następującego polecenia w terminalu:

npm zainstaluj ekspresowo

Moduł ekspresowy zostanie zainstalowany, jeśli jest już zainstalowany, to polecenie zaktualizuje moduł

Krok 2: Testowanie modułu express w aplikacji

Powyższy krok spowoduje zainstalowanie express w folderze pakietu, a użytkownik będzie mógł korzystać z modułu, importując go do skryptu kodu, używając modułu „require” jako

konst wyrazić = wymagać ( 'wyrazić' )

Przetestujmy prosty skrypt kodu wykorzystujący funkcjonalność modułu express:

konst wyrazić = wymagać ( 'wyrazić' ) ;

konst aplikacja = wyrazić ( ) ;

aplikacja. Dostawać ( „/” , ( wymaganie, rez ) => {

rez. wysłać ( „Witam ekspresie!” ) ;

} ) ;

konst Port = 3000 ;

aplikacja. Słuchać ( Port, ( ) => {

konsola. dziennik ( `Serwer nasłuchuje na porcie $ { Port } ` ) ;

} ) ;

W powyższym kodzie:

  • const express = wymagaj(‘ekspresowo’) ” importuje moduł express i zapisuje go w stałej zmiennej „express”, dzięki której możemy korzystać z funkcji związanych z tą biblioteką.
  • stała aplikacja = express() ” służy do zdefiniowania aplikacji ekspresowej.
  • „app.get(‚/’, (req, res) =>” definiuje trasę, po której aplikacja ekspresowa może wysłać odpowiedź „Witam ekspresowo” do ekspresowego wniosku.
  • Port 3000 jest określony w stałej zmiennej o nazwie „port” na hoście lokalnym.
  • „aplikacja.listen(port, () =>” tworzy odbiornik na porcie 3000 i rejestruje komunikat na terminalu, że serwer nasłuchuje na określonym porcie.

Wyjście

Aby uruchomić tę aplikację, użyj poniższego polecenia:

aplikacja węzła js

Dane wyjściowe w terminalu będą wyglądać następująco

Zatem serwer jest aktywny i nasłuchuje na porcie 3000 lokalnego hosta. Dostęp do tego łącza w przeglądarce wyświetli dane wyjściowe jako

To tyle jeśli chodzi o ekspresowy moduł, w jaki sposób możemy go zainstalować, stworzyć aplikację i uruchomić port serwera.

Jak renderować pliki statyczne w Expressie?

W Expressie funkcja express.static() służy do renderowania plików statycznych, takich jak HTML, CSS, obrazy itp. Poniżej przedstawiono proces renderowania plików statycznych w Expressie.

Krok 1: Utwórz projekt

Przed rozpoczęciem upewnij się, że ekspres jest zainstalowany. Jeśli nie, możesz uruchomić następujące polecenie:

npm zainstaluj ekspresowo -- ratować

To polecenie zainstaluje moduł express lokalnie w folderze node_modules i zaktualizuje go w pliku package.json.

Krok 2: Utwórz plik dla plików statycznych

Po drugie, utwórz folder w katalogu roboczym. Utwórz folder o nazwie public do przechowywania plików statycznych, które mają być renderowane. Umieść wszystkie statyczne pliki HTML i CSS w tym katalogu, aby je wyrenderować.

Krok 3: Konfigurowanie Express do renderowania plików statycznych

Użyj metody express.static(), aby określić katalog plików statycznych, które użytkownik chce renderować.

Do renderowania plików wykorzystywane są dwa skrypty kodu, jeden dla zaplecza, który pobiera kod HTML umieszczony w folderze publicznym. Kod HTML jest prosty, ponieważ główny nacisk kładziemy na backend.

Skrypt Node.js

konst wyrazić = wymagać ( 'wyrazić' ) ;

konst aplikacja = wyrazić ( ) ;

aplikacja. używać ( wyrazić. statyczny ( 'publiczny' ) ) ;

konst Port = 3000 ;

aplikacja. Słuchać ( Port, ( ) => {

konsola. dziennik ( `Serwer nasłuchuje na porcie $ { Port } ` ) ;

} ) ;

W tym kodzie:

  • „const express = wymagaj („ekspres”)” importuje moduł ekspresowy do skryptu, aby skorzystać z jego funkcjonalności.
  • „aplikacja stała = express()” uruchamia aplikację
  • „app.use(express.static(‚public”))” określa katalog do pobrania plików i udostępnienia im aplikacji ekspresowej do ich wykorzystania i renderowania.
  • Port 3000 jest przeznaczony do stosowania ekspresowego.
  • „:app.listen(port, () =>” wskazuje, że serwer jest aktywny i nasłuchuje na określonym porcie, logując wiadomość.

Skrypt HTML

DOCTYPEhtml >

< tylko w HTML-u = 'W' >

< głowa >

< meta zestaw znaków = „UTF-8” >

< nazwa meta = „widok” treść = „szerokość=szerokość urządzenia, skala początkowa=1,0” >

< tytuł > Statyczny Przykład renderowania tytuł >

głowa >

< ciało >

< h1 > Używanie programu Express do renderowania Statyczny Akta h1 >

ciało >

HTML >

W tym kodzie tworzony jest tylko nagłówek, ponieważ nacisk położony jest na backend, a nie frontend, ale w razie potrzeby można dodać dodatkowe funkcje.

Wyjście

Teraz uruchom skrypt Node.js za pomocą następującego kodu:

aplikacja węzła js

Na terminalu zostanie zarejestrowany następujący komunikat, który wskazuje, że serwer jest gotowy i nasłuchuje na porcie 3000.

Otwórz port hosta lokalnego 3000 w przeglądarce, aby zobaczyć skrypt kodu HTML renderowany przez moduł ekspresowy

To wszystko, aby wyrenderować pliki statyczne w ekspresie. Przyjrzyjmy się teraz, jak renderować pliki dynamiczne.

Jak renderować pliki dynamiczne w Expressie?

Użytkownicy mogą renderować pliki dynamiczne w programie Express, korzystając z silnika szablonów do dynamicznego generowania kodu HTML na podstawie danych. Szablon użyty poniżej to EJS (Embedded Javascript), który jest dość popularny do renderowania plików dynamicznych.

Krok 1: Zainstaluj EJS

Użyj następującego polecenia, aby zainstalować EJS w folderze projektu

npm zainstaluj ejs -- ratować

Krok 2: Skonfiguruj Express z EJS

Skonfiguruj szablon EJS jako silnik widoku w pliku Node.js.

//Aplikacja.js

konst wyrazić = wymagać ( 'wyrazić' ) ;

konst aplikacja = wyrazić ( ) ;

konst PORT = 3000 ;

aplikacja. ustawić ( „wyświetl silnik” , 'NIE' ) ;

aplikacja. używać ( wyrazić. statyczny ( 'publiczny' ) ) ;

aplikacja. Dostawać ( '/identyfikator użytkownika' , ( wymaganie, rez ) => {

konst identyfikator użytkownika = wymaganie parametry . ID ;

konst dane użytkownika = {

ID : identyfikator użytkownika,

nazwa użytkownika : `użytkownik$ { identyfikator użytkownika } `,

e-mail : `użytkownik$ { identyfikator użytkownika } @przykład. z `,

} ;

rez. renderowanie ( 'użytkownik' , { użytkownik : dane użytkownika } ) ;

} ) ;

aplikacja. Słuchać ( PORT, ( ) => {

konsola. dziennik ( `Serwer działa na http : //localhost:${PORT}`);

} ) ;

Operacje wykonywane przez powyższy kod to:

  • „const express = require(‚express”)” importuje moduł express z modułów węzła.
  • „const app = express()” tworzy instancję aplikacji ekspresowej.
  • „app.set(‚silnik widoku”, „ejs”)” konfiguruje ekspres z szablonem ejs w celu dynamicznego renderowania plików.
  • „app.use(express.static(‚public”))” umożliwia obsługę plików statycznych przechowywanych w folderze publicznym projektu Node.
  • „app.get(‚/user/:id’, (req, res) => {…})” definiuje cudzysłowy ar, które nasłuchują żądań.
  • „res.render(‚użytkownik”, {użytkownik: userData })” renderuje pliki szablonów EJS.
  • „app.listen(PORT, () => {…})” uruchamia serwer na porcie 3000 i użytkownik może wpisać „ http://localhost:3000/user/123 ” w przeglądarce.

Krok 3: Szablon EJS

W katalogu projektu tworzony jest katalog o nazwie „views”, w którym tworzy się plik szablonu EJS „user.ejs”. Ten plik będzie zawierał dynamiczną zawartość, którą użytkownik chce wyrenderować. Wklej następujący kod do tego pliku

DOCTYPEhtml >

< tylko w HTML-u = 'W' >

< głowa >

< meta zestaw znaków = „UTF-8” >

< nazwa meta = „widok” treść = „szerokość=szerokość urządzenia, skala początkowa=1,0” >

< tytuł > Profil użytkownika tytuł >

głowa >

< ciało >

< h1 > Profil użytkownika h1 >

< P > Identyfikator użytkownika : <%= użytkownik. ID %> P >

< P > Nazwa użytkownika : <%= użytkownik. nazwa użytkownika %> P >

< P > E-mail : <%= użytkownik. e-mail %> P >

ciało >

HTML >

Ponieważ głównym celem jest dynamiczne renderowanie zawartości pliku, użyto tylko niezbędnego kodu źródłowego.

Krok 4: Uruchom serwer

Użytkownik może teraz uruchomić aplikację ekspresową, korzystając z następującego fragmentu kodu:

aplikacja węzła js

Gdzie App.js to nazwa pliku w katalogu. Po uruchomieniu tego kodu terminal wyświetli następujący komunikat

Teraz użytkownik może skorzystać z linku http://localhost:3000/user/123 w przeglądarce, a zawartość będzie renderowana dynamicznie jako

To wszystko, aby dynamicznie renderować zawartość pliku za pomocą modułu express w Node.js.

Wniosek

Artykuł wyjaśnia Node.js od początku do końca, pokazując, jak działa z jego nieprzerwanym i opartym na zdarzeniach czasem JavaScript dla wielu zdarzeń. Omawia Express, dobrze znane narzędzie do tworzenia stron internetowych, a także wspomina o NPM i o tym, jak wyświetlać informacje statyczne lub dynamiczne na stronie internetowej. Mimo że artykuł omawia wszystko szczegółowo, jest to dobry przewodnik dla początkujących, jeśli chodzi o naukę Node.js.