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?
2 odpowiedzi
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.
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:3000serwer 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.