Utworzyłem aplikację za pomocą create-react-app i chciałbym coś zalogować w jej konsoli serwera. Jak mogłem to zrobić?

Próbowałem dodać index.js do folderu głównego i utworzyć folder server, ale to nie działa.

Edycja: nie mam tu na myśli serwera zaplecza, ale tylko serwer frontendu. Chciałbym wydrukować coś w tej samej konsoli, w której wpisuję npm start. Czy to możliwe?

0
Karol Selak 23 marzec 2020, 12:20

2 odpowiedzi

Najlepsza odpowiedź

Jeśli dobrze rozumiem, jak to zrobić, powinieneś zrobić eject swoje create-react-app, w przeciwnym razie nie będziesz w stanie modyfikować skryptów kompilacji.

Po eject możesz zmodyfikować skrypt pakietu internetowego lub dowolny inny skrypt, którego potrzebujesz.

Jeśli zdecydujesz się to zrobić, zachowaj ostrożność, ponieważ aktualizacja zależności kompilacji będzie trudniejsza.

1
Daniele_s 23 marzec 2020, 14:04

Po pierwsze, nie możesz umieścić swojego kodu backend w kodzie frontendu. Ponieważ kod zaplecza jest uruchamiany przez serwer z włączonym Node.JS. Ale kod front-end jest uruchamiany przez twoją przeglądarkę.

  • Cały kod reakcji zostanie umieszczony w jednym pliku js, który zostanie załadowany przez przeglądarkę. Będą to proste pliki JS, które renderują widoki.
  • Kiedy zobaczysz localhost:3000 serwer jest domyślnie przekazywany do WIDOKU i WKŁADANIA kodu interfejsu użytkownika. W większości przypadków jest to serwer webpack-dev-server.

Typowe opcje to:

1) Jeśli backend to REST / SOAP api, użyj XHR / ajax, aby trafić do interfejsu API. Wystarczy umieścić wygenerowany przez reakcję plik JS w folderze publicznym serwera zaplecza. W tym podejściu możesz również używać zupełnie innych repozytoriów / baz kodu.

2) Możesz użyć sortowania po stronie serwera, w którym umieszczasz kod frontonu w widokach zaplecza.

0
Aritra Chakraborty 23 marzec 2020, 09:37