Jak uruchomić moduł NodeJS w przeglądarce

NodeJS Nie jest językiem programowania, ale raczej zapewnia środowisko wykonawcze do wykonania kodu JavaScript. To sprawia, że ​​jest to technologia po stronie serwera. Uruchamianie i wykonywanie procesów na serwerze, a tym samym wykonanie zadań.

Moduł to enkapsulowany kod, oddzielony od głównego kodu aplikacji z funkcjonalnością, który może być ponownie wykorzystywany w całym kodzie. NodeJS zapewnia nam różne repozytoria modułów open source, które mogą pomóc nam w osiągnięciu różnych zadań rozwojowych. Ale te moduły są przydatne tylko wtedy, gdy budujesz aplikację po stronie serwera.

Powstaje więc pytanie, co powinien zrobić programista, jeśli chce zbudować aplikację JavaScript po stronie klienta? Cóż, ten artykuł udzieli odpowiedzi, od instalacji nodejs po uruchamianie swoich modułów w przeglądarkach, ten artykuł zawiera wszystko.

Instalacja węzła JS

Przed cokolwiek musisz zainstalować nodeJS. W tej wizycie link, klikając to i pobierając wersję LTS (zalecana).

NPM który jest menedżerem pakietów węzłów, zostanie również automatycznie zainstalowany w twoim systemie wraz z instalacją NodeJS. NPM jest pomocny, ponieważ jest to menedżer pakietów, który pomaga w pobieraniu i integracji pakietów z kodem JavaScript.

Teraz, aby sprawdzić, czy Nodejs i NPM zostały zainstalowane na twoim urządzeniu, możesz uruchomić następujące polecenie:

Węzeł -v
NPM -V

Jak zainstalować moduł NodeJS

Istnieją dwa sposoby pobrania modułu, lokalnie i globalnie. Różnica polega na tym, że do globalnie pobranego modułu można łatwo uzyskać do dostępu wszystkie projekty w twoim systemie. Podczas gdy w modułach lokalnych można uzyskać tylko w obecnym projekcie. Polecenie do pobrania modułu lokalnie:

NPM instaluj [module_name]

Aby lepiej to zrozumieć, zainstalujemy moduł ekspresowy, który służy do budowania interfejsów API itp.

NPM Instal Express

Zapewni Ci następujące dane wyjściowe.

Nowy folder zostanie utworzony automatycznie przez NPM według nazwy „Node_modules”, będzie przechowywał wszystkie twoje moduły i pakiety.

Polecenie do pobierania modułu na całym świecie

Lepiej jest zainstalować moduły zarówno lokalnie, jak i globalnie. Powód polega na tym, że pozwoli ci udostępnić zainstalowane polecenie, a jednocześnie będziesz w stanie chronić zależności. Uruchom następujące polecenie:

NPM Install -g [module_name]

W poniższym przykładzie zainstalujemy pakiet DateFormat na całym świecie:

NPM instaluj -g dateFormat

Jak korzystać z pakietu z JavaScript

W następujący sposób pakiet NPM może być użyty do JavaScript:

var dateFormat = wymaga („dateFormat”);
var teraz = new Date ();
konsola.log (DateFormat (teraz, „DDDD, MMMM DS, ROYY, H: MM: SS TT”));

Ale spowoduje to błąd:

Dlaczego? Cóż, powodem jest to, że NodeJS jest technologią po stronie serwera. Jest wyposażony w swoje zalety, ale główną wadą jest to, że nie możesz uruchomić modułu w przeglądarce bez instalowania niektórych narzędzi.

Jak uruchamiać moduły za pomocą przeglądarki na przeglądarkach

Możliwość uruchomienia modułu węzłów w przeglądarce jest niezwykle korzystna. Użytkownicy mogą używać już istniejących modułów w aplikacji JavaScript po stronie klienta bez konieczności korzystania z serwera. Ale jak to można zrobić? Cóż, oto narzędzie o nazwie Przeglądanie.

Przeglądanie to moduł nodeJS wiersza poleceń, który pozwala użytkownikom pisać i używać już istniejących modułów nodeJS, które działają w przeglądarce.

Ponieważ jest to narzędzie wiersza poleceń, użytkownicy muszą konwertować swój skrypt napisany z NodeJS na plik JavaScript, aby można go było dodać za pomocą znacznika skryptu HTML. Zrozum proces krok po kroku:

Po pierwsze, musimy zainstalować przeglądanie. W celu instalacji następujące polecenie należy uruchomić:

NPM instaluj -g przeglądarki

Teraz należy uruchomić następujące polecenie, abyś mógł uruchomić aplikację w przeglądarce bez żadnych błędów.

Przegląda nazwa pliku.Pakiet js -o.JS

To polecenie rozwiąże wszystkie zależności i połączy kod źródłowy w plik, który można dołączyć do jednego znacznika skryptu. Pamiętaj jednak, że te polecenia muszą być uruchamiane za każdym razem, gdy wprowadzasz zmiany w oryginalnym kodzie źródłowym.

Teraz po prostu wymień nazwę źródła w znaczniku skryptu na „pakiet.JS ”w pliku HTML.

Teraz, jeśli uruchomsz ten plik HTML i otworzyć konsolę, nie wyświetli żadnego błędu, a wynik zostanie wyświetlony:

W ten sposób możesz łatwo użyć swojego skryptu za pomocą jednego znacznika skryptu w pliku HTML. Dzięki przeglądarce możesz łatwo uruchomić moduły na przeglądarkach bez żadnych błędów.

Wniosek

Uruchomienie modułu węzłów JS w przeglądarce jest niezwykle korzystne i zapewnia łatwość użytkownikowi. W tym przewodniku nauczyliśmy się uruchomić nasz moduł węzłów w przeglądarce. Ponieważ Nodejs korzysta z technologii po stronie serwera, użytkownikom trudno jest uruchomić moduł w przeglądarce. Stąd Broswerify jest używany. Dzięki łatwym do zainstalowania poleceń sprawianie, że kompatybilna przeglądarka modułów węzłów staje się łatwiejszym zadaniem. Stąd tworzenie aplikacji JavaScript po stronie klienta staje się łatwiejsze dla użytkowników.