Pierwsze kroki z Node.js

Node.js jest alternatywą, która upraszcza tworzenie stron internetowych, w przeszłości trzeba było nauczyć się kilku języków, aby przedstawić część przetwarzania serwera, Front-end a następnie spędzać niezliczone godziny na konfigurowaniu serwerów.
Tylko w jednym języku, jaki jest JavaScript a dzięki silnikowi V8 opracowany przez Google, mamy dostęp do zastosowania tego samego języka do serwer, Zaplecze Tak Front-end, to sprawia, że ​​spędzamy mniej czasu na nauce różnych form składni i tym samym koncentrujemy się na tym, co jest dla nas naprawdę ważne, czyli na realizacji naszych pomysłów.
WymaganiaAby wykonać ćwiczenia i przykłady zaproponowane w tym samouczku, musimy mieć instalację z najnowszą wersją Node.js. Jest to bardzo łatwe do uzyskania, w tym przypadku użyjemy instalatora Okna które otrzymujemy bezpośrednio z oficjalnej strony Node.js, działa jak każdy instalator, a następnie generuje bezpośredni dostęp do konsoli Node.js gdzie możemy wykonać niezbędne skrypty.
Node.js Pozwala nam to na generowanie wysokowydajnych serwerów WWW bez konieczności dużych konfiguracji, dodatkowo zastosowanie tego samego języka pozwala nam uniknąć separacji kodu pomiędzy aplikacją a usługą. Aby stworzyć nasz pierwszy serwer musimy wykonać następujące kroki:
1- Najpierw otwieramy konsolę Node.js i umieszczamy się w folderze, w którym możemy go wykonać, w tym folderze stworzymy plik o nazwie serwer.jsTa nazwa nie jest konieczna, ale dobrą praktyką jest wywołanie pliku, który utworzy w ten sposób serwer WWW.
2- Gdy mamy plik, zainstalujemy przez npm Aplikacja kierownik, to zweryfikuje za każdym razem, gdy nastąpi zmiana we wskazanym pliku, musisz natychmiast zrestartować serwer, w tym celu wystarczy umieścić w konsoli następujące polecenie:

 npm install -g nadzorca

Ta instalacja powinna wyglądać tak, gdy uruchomimy ją na naszej konsoli:

3- Kiedy już zainstalowaliśmy kierownik niech to posłucha, że ​​tak powiem o zmiany w naszym pliku serwer.js, w tym celu po instalacji musimy umieścić następujące polecenie:

 nadzorca server.js

Ponieważ nadal nie mamy żadnego poprawnego kodu, nie będziemy mieli żadnych wyników w konsoli i zobaczymy serię komunikatów oznaczających to, jak widać na poniższym obrazku:

4- Teraz, gdy mamy już nasze bazy, musimy stworzyć kod dla naszego serwera WWW, będzie to obsługiwane w bibliotece http z Node.js i dzięki temu możemy stworzyć funkcjonalny serwer za pomocą metody utwórzSerwer (), to po prostu musi zwrócić niewielką treść, aby nie stracić nawyku, który zamierzamy wyrobić a "Witaj świecie!", zobaczmy kod, który umieścimy w naszym pliku serwer.js:

 var http = wymagaj ('http'); http.createServer (funkcja (żądanie, odpowiedź) {response.writeHead (200, {'Content-Type': 'text / html'}); response.end ('');}). Listen (8082);

Jak widzimy po prostu z wymagać importujemy Biblioteka http, a następnie metodą utwórzSerwer generujemy serwer www i z obiektem odpowiedź Tworzymy nagłówek odpowiedzi i naszej wiadomości, aby zakończyć wskazujemy naszemu serwerowi, że musi akceptować połączenia przychodzące przez port 8082, gdzie uruchamiając nasz przykład w naszym Lokalny Gospodarz we wskazanym porcie będzie to wyglądać tak:

5- Jeżeli dokonamy zmian w pliku server.js, dzięki kierownik usługa zabierze je bez konieczności ręcznego restartu Node.js, więc tylko odświeżenie przeglądarki pozwoli na odzwierciedlenie naszych zmian przy niewielkim wysiłku.
Jak wspomnieliśmy na początku, Node.js Pozwala nam na serwowanie treści statycznych bezpośrednio z naszej aplikacji serwerowej, jest to pokazane jako zaleta, gdy chcemy tworzyć aplikacje z rdzeniem monolitycznym, czyli bez fragmentacji czy pęknięć ze względu na zastosowanie różnych technologii.
Aby wykonać ten samouczek, utworzymy serię plików w folderze o nazwie content, pliki do utworzenia będą następujące:
index.htmlBędzie to plik początkowy i domyślnie będzie zawierał strukturę bazową HTML.
styl.cssJest to nasz plik z arkuszami stylów, z tym plikiem będziemy modyfikować wygląd naszej aplikacji.
skrypt.jsTutaj możemy zobaczyć, jak możemy używać naszych zwykłych skryptów w JavaScript pomimo uruchomienia naszej aplikacji w Node.js.
Teraz, gdy zdefiniowaliśmy nasze pliki, zobaczmy zawartość każdego z nich, dla pliku index.html uwzględnimy następujące elementy:

 Nasz pierwszy serwer Node.js Hello World 

Jak widzimy jest to prosta strona z podstawową strukturą, na której wywołujemy pliki zewnętrzne style.css Tak skrypt.js, a w ciele umieszczamy prostą wiadomość. Następnie w naszym pliku style.css które pomogą nam zmodyfikować wygląd naszej strony, musimy umieścić następujące wiersze kodu:

 #hello {rozmiar czcionki: 5em; tło: szary; kolor: zielony; dopełnienie: 0,5em}

Wreszcie w pliku skrypt.js Umieścimy kod, który zgłosi komunikat, gdy strona zostanie w pełni załadowana, ten kod wygląda następująco:

 window.onload = function () {alert ('Eureka działa!'); };

Aby mieć wszystko w jednym miejscu i zachować porządek w naszym rozwoju, będziemy przechowywać te pliki w folderze o nazwie zawartość.
Czego nam brakuje?Gdy to zrobimy, pozostaje nam tylko zbudować serwer, pierwszą rzeczą, którą musimy zrobić, to dołączyć odpowiednie biblioteki, w tym przypadku będziemy potrzebować tej, którą już znamy, czyli http, dodatkowo będziemy potrzebować ścieżka czyli budować trasy i wreszcie fs co dotyczy usługi plików.
Idziemy do naszego archiwum serwer.js które muszą być podstawą naszego projektu, a teraz w naszym bloku utwórzSerwer () wskażemy, że URL prąd jako baza i z przedmiotem fs Zweryfikujemy, czy pliki istnieją, w przypadku ich braku, wyrzucimy błąd 404 nie znaleziono pliku. Zobaczmy kod funkcjonalności opisanej powyżej:

 var http = wymagaj ('http'); var ścieżka = wymagaj ('ścieżka'); var fs = wymagaj ('fs'); http.createServer (function (żądanie, odpowiedź) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; fs.exists (f, funkcja (istnieje) {console.log (istnieje? search_file + "jeśli istnieje": search_file + "nie istnieje");});}).listen (8082);

Problem, który mamy, polega na tym, że nadal nie pomaga nam to obsługiwać plików, dlatego musimy użyć metody fs który pozwala nam na odczytanie plików i dzięki temu możemy wysłać je do przeglądarki, jak widać w poniższym kodzie:

 var http = wymagaj ('http'); var ścieżka = wymagaj ('ścieżka'); var fs = wymagaj ('fs'); http.createServer (function (żądanie, odpowiedź) {var search_file = path.basename (decodeURI (request.url)) || 'index.html'; var f = 'content /' + search_file; var mimeTypes = {'.js ':' text / javascript ', ' .html ':' text / html ', ' .css': 'text / css'}; fs.exists (f, function (istnieje) {if (istnieje) {fs.readFile (f, function (err, data) {if (err) {response.writeHead (500); response.end ('Błąd serwera'); return;} var headers = {'Content-type': mimeTypes [ścieżka .extname (search_file)]}; response.writeHead (200, nagłówki); response.end (dane);}); return;} response.writeHead (404); response.end ();});}). nasłuchuj (8082 );

Jak widzimy teraz z metodą czytajPlik () możemy najpierw sprawdzić, czy nie ma błędu serwera w twoim oddzwonić a po drugie możemy uzyskać typ pliku, który chcemy obsłużyć z listy typów, dzięki temu możemy wygenerować nagłówek HTTP konieczne, aby przeglądarka nie musiała interpretować danych na swój sposób.
Jeśli żadna z akcji nie zwróci wyniku, musimy wysłać do przeglądarki odpowiedź 404, w ten sposób przerwiemy żądanie i wskażemy użytkownikowi, że to, czego szuka, nie znajduje się w określonej ścieżce. Jak zrobiliśmy w poprzednim przykładzie, powiemy Node.js że port, do którego powinien przyjmować żądania, musi być 8082, czyli port, który jest zwykle wolny i dlatego nie powoduje konfliktów z innymi usługami. Na koniec piszemy odpowiedź pliku i wykonujemy nasz kierownik ponownie w przypadku, gdy zatrzymaliśmy usługę, jak widać na poniższym obrazku:

Po wykonaniu tej czynności przechodzimy do naszej przeglądarki i wykonujemy na porcie 8082 i widzimy dane wyjściowe naszego programu, które powinny wyglądać jak na poniższym obrazku:

POWIĘKSZAĆ

To pokazuje nam całą moc i wszechstronność Node.js, za pomocą którego udało nam się zweryfikować, że nie ma potrzeby używania innego języka niż JavaScript dla rozwoju.
WażnyWażne jest, aby przeprowadzić pewne badania npm czym on jest menedżer pakietów węzłów, ponieważ dzięki temu narzędziu możemy uzyskać wiele pakietów, które mogą nam służyć, wśród nich jest kilka frameworki co pozwoli nam uprościć cały kod, który tutaj widzieliśmy, oprócz innych komponentów opracowanych przez społeczność w celu zaoszczędzenia pracy dewelopera Node.js.
Na tym zakończyliśmy samouczek, stworzyliśmy serwer oraz nauczyliśmy się obsługiwać pliki statyczne. Gdybyśmy korzystali z tradycyjnej technologii, takiej jak PHP Aby osiągnąć ten wynik, najpierw potrzebowalibyśmy tradycyjnego serwera, takiego jak Apache lub nginx, gdzie musimy je również skonfigurować, drukowanie kodu wymagałoby innego języka, spychając się do JavaScript tylko po stronie klienta i tym samym marnując jego wielkie możliwości.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt