Jak skonfigurować serwer węzłów w Mern Stack Development

Jak skonfigurować serwer węzłów w Mern Stack Development
W Rozwój Stack Mern, poziom obecny pomiędzy bazą danych MongoDB a react.JS Front-end to „Wyrazić.JS". Można go opisać jako minimalistyczne, nieinonione i szybkie ramy internetowe dla węzła.JS. Wyrazić.JS Framework obsługuje węzeł.serwer JS w nim. Możesz połączyć się z ekspresem.Funkcje JS z Front-end aplikacji, wysyłając posty, GETS lub żądania HTTP. Te określone funkcje są następnie wykorzystywane do zmiany lub uzyskiwania dostępu do danych MongoDB za pośrednictwem obietnic lub wywoławczych. Wyrazić.JS oferuje również potężne modele do obsługi odpowiedzi HTTP, żądań i routingu adresów URL.

Ten zapis poprowadzi Cię do tworzenia, konfigurowania i uruchamiania serwera węzłów w Mern Stack Development. Ponadto zapewniona zostanie również procedura instalacji wymaganych zależności. A więc zacznijmy!

Jak skonfigurować serwer węzłów w Mern Stack Development

Jak już wspomnieliśmy, w rozwoju Mern Stack, „Węzeł.JS”Służy do opracowania zaplecza aplikacji. Środowisko JavaScript dostarczone przez „Węzeł.JS”Pozwala użytkownikom wykonywać kod na serwerze. Oferuje również ogromne przydatne pakiety, które można pobrać za pomocą „NPM”Lub Menedżer pakietu węzłów.

Aby skonfigurować serwer węzłów w Mern Stack Development, pierwszą rzeczą, którą musisz zrobić, jest pobranie węzła.JS w twoim systemie za pośrednictwem oficjalnej strony internetowej:

Następnie użyj pobranego pliku, aby wypełnić instalację węzła.JS. Po wypełnieniu określonej operacji wykonaj poniżej podanie w wierszu polecenia:

> węzeł -v

Powyższe dane „węzeł„Polecenie z„-v„Opcja wydrukuje bieżącą wersję„Węzeł.JS”, Który jest zainstalowany w twoim systemie:

Po zainstalowaniu węzła.JS, przejdziemy do procedury rozwoju serwera. W tym celu najpierw utworzymy folder podstawowy, a następnie zainstalujemy wszystkie wymagane pakiety lub zależności dla programowania serwera węzłów.

Do określonej operacji możesz również użyć wiersza polecenia. Jednak użyjemy „Kod Studio Visual„Terminal, ułatwiając pracę w plikach serwera węzłów.

W następnym kroku otworzymy nasz folder podstawowy za pomocą „Otwórz folder„Opcja„Plik" menu:

Wybraliśmy „Pracownik pracownika„Folder do przechowywania plików związanych z serwerem węzłów stosu Mern:

Teraz naciśnij „Ctrl+Shift+'„Aby otworzyć nowe okno terminalu w kodzie Visual Studio. W tym celu możesz także użyć menu „Terminal”:

W następnym kroku stworzymy „Backend„Folder w naszym„Pracownik pracownika„Korzenie lub folder podstawowy. Aby zrobić to samo, możesz wykonać poniżej „poniżej”Mkdir„Polecenie w otwartym terminalu:

> Backend Mkdir

Po tym przejdziemy do nowo utworzonego „Backend„Folder, aby dodać w nim plik związany z serwerem:

> Backend CD

W środku "Backend„Folder, utworzymy„pakiet.JSON" plik. Paczka.plik JSON jest podstawowym elementem serwera węzłów w programie Mern Stack Development. Zawiera metadane projektu Mern Stack i definiuje atrybuty funkcjonalne, które NPM może wykorzystać do wykonywania skryptów i instalowania zależności.

Aby utworzyć nowy pakiet.plik JSON dla serwera węzłów, wpisz następujące polecenie:

> npm init -y

Jak zainstalować zależności dla serwera węzłów w Mern Stack Development

W tej sekcji pokazuje procedurę instalowania niezbędnych zależności, takich jak „wyrazić”,„CORS”,„mangusta", I "Dotenv„Dla twojego serwera węzłów w programie Mern Stack Development. Menedżer pakietów węzłów lub „NPM”Można użyć do instalacji określonych zależności w następujący sposób:

> NPM instaluj express cors mongoose dotenv

Tutaj:

  • „Express” jest dodawany do instalacji „Express”, który jest lekką strukturą internetową dla węzła.JS. Obsługuje także wiele środowisk, co pomaga w ułatwieniu i krótszego pisania kodu.
  • „CORS” to akronim do udostępniania zasobów krzyżowych. Ten pakiet zezwala na żądanie AJAX dostęp do zasobów od zdalnych hostów.
  • „Mongoose” jest dodawany do zainstalowania pakietu „Mongoose”. Pakiet Mongoose pomaga serwerowi węzłów w interakcji z MongoDB w Mern Stack Development.
  • Na koniec pakiet „Dotenv” załaduje zmienne środowiskowe z „.env ”do„ procesu.plik env ”. Zarządza również poświadczeniami bazy danych w środowisku współpracy.

Dla naszego serwera węzłów kolejny pakiet, który zainstalujemy, to „Nodemon". Automatycznie ponownie uruchamia aplikację węzła, gdy wprowadzasz pewne zmiany w pliku podczas opracowywania węzła.Aplikacja oparta na JS:

> sudo npm instaluj -g Nodemon

Jak uruchomić serwer węzłów w Mern Stack Development

Do tego momentu zainstalowaliśmy węzeł.JS, wymagane pakiety i zależności. Teraz nadszedł czas na utworzenie i uruchomienie węzła zaplecza.serwer JS. Aby to zrobić, kliknij „Backend„Folder i z menu rozwijanego wybierz„Nowy plik" opcja:

Tutaj możesz nowy „serwer.JS„Plik JavaScript jest dodawany w folderze backend:

Teraz w „serwer.JS”Plik, utworzymy„wyrazić„Serwer, wtedy dołączymy„wyrazić.JSON„Zabranie pośrednie i”CORS". „„wyrazić.JSON„Middleware wyśle ​​i odbędzie„ JSON ”. Również węzeł.Serwer JS będzie mógł słuchać „5000" Port:

const express = wymaga („express”);
const cors = wymaga („cors”);
Wymagaj („dotenv”).config ();
const app = express ();
const port = proces.Env.Port || 5000;
App.Użyj (CORS ());
App.Użyj (Express.JSON ());
App.Listen (port, () =>
konsola.log („serwer działa na porcie: $ port ');
);

Po dodaniu powyższego kodu w „serwer.JS”Plik, naciśnij„Ctrl+s„Aby zapisać zmiany, a następnie uruchomić serwer węzłów za pomocą„Nodemon”:

> Serwer Nodemon

Ze wyjścia widać, że nasz serwer z powodzeniem działa na porcie ”5000”:

Wniosek

Będziesz musiał skonfigurować serwer węzłów, aby skompilować kod JavaScript przed uruchomieniem go na zapleczu. Wyrazić.JS to framework HTTP, który znajduje się w węźle.Serwer JS i ma wiele gotowych funkcji. Z pomocą Express.JS, w pełni funkcjonalne interfejsy API są opracowywane przy użyciu minimalnego kodu. Ten zapis poprowadził cię do tworzenia, konfigurowania i uruchamiania serwera węzłów w Mern Stack Development. Ponadto zapewniana jest również procedura instalacji wymaganych zależności.