Angular, wdrażanie lokalnego projektu na serwer poprzez TotalComander'a.

0

Witam i z góry przepraszam za błahy wątek.

Kiedyś tworzyłem/bawiłem się w angularze tworząc stronkę, był użyty routing, teraz chciałbym wdrążyć ja na serwer bo mam taką możliwość.
Przez TotalComandera strasznie wolno idzie przesyłanie więc nie chce stracić czasu ...
Użyłem "ng build --prod" , stworzył się folder dist więc wszystko ok, teraz pytanie czy wystarczy wgrać sam folder dist na serwer i wszystko będzie grało ?

A tak wgl jakbym wrzucił główny folder z projektu te 250MB to też zadziała ? Wiem pewnie głupie pytanie ale naprawdę nie wiem tego i jestem ciekaw.

edit:
sam folder dist dodałem i żadnego efektu ...
http://wojcik.technikuminformatyczne.eu/ANGULAR/dist/

0
  1. Total Commander - 2020 - wybierz jedno :)
  2. Nie ruszy samo z siebie musisz jeszcze odpowiednio ustawić nginxa lub apacha inaczej będzie ci walił 404.
  3. W teorii wystarczy sam dist w praktyce z różnych powodów wrzuca się projekt z gita i buduje apke na serwerze.
0
mr_jaro napisał(a):
  1. Total Commander - 2020 - wybierz jedno :)
  2. Nie ruszy samo z siebie musisz jeszcze odpowiednio ustawić nginxa lub apacha inaczej będzie ci walił 404.
  3. W teorii wystarczy sam dist w praktyce z różnych powodów wrzuca się projekt z gita i buduje apke na serwerze.

Hmm co do TotalComanndera to doskonale wiem że to jest totalny bullshit ale to jest wymóg.. niestety albo stety jestem jeszcze na drodze edukacji szkolnej. Więc musze wstawić na serwer szkolny a jedyny sposób by coś wstawić to własnie ten otóż piękny program jakim jest TotalComannder.

Czyli wstawiam tylko dista i konfiguruje "ngnix" "apach" ? aczkolwiek jeszcze nie wiem co to dokładnie jest , ruszam do roboty.

1

nie musisz używać total commandera by korzystać z ftp :) Pomijając już sam fakt, że legalnie możesz korzystać z niego przez 30 dni po czym on się nie wyłączy ale już używasz go nielegalnie to jest to dość leciwa apka. Zainteresuj się np filezillą. https://filezilla-project.org/

1

Nie wrzucaj głównego folderu projektu, to są źródła :) budujesz aplikację ng build i wrzucasz dist przez FTP. W twoim przypadku problem pustej strony polega na tym, że wrzucasz zawartość dist w podfolder na serwerze, podczas gdy Angular buduje się domyślnie tak, że oczekuje bycia na głównym (/) katalogu strony. Hint 1: popatrz w zakładkę "Network" devtoolsów, Hint 2: google ng build base href

2
mr_jaro napisał(a):
  1. Total Commander - 2020 - wybierz jedno :)

Ale hejtujesz TC jako klienta FTP czy jako menadżer plików?

0
kelog napisał(a):

Nie wrzucaj głównego folderu projektu, to są źródła :) budujesz aplikację ng build i wrzucasz dist przez FTP. W twoim przypadku problem pustej strony polega na tym, że wrzucasz zawartość dist w podfolder na serwerze, podczas gdy Angular buduje się domyślnie tak, że oczekuje bycia na głównym (/) katalogu strony. Hint 1: popatrz w zakładkę "Network" devtoolsów, Hint 2: google ng build base href

Czyli w głównym folderze domeny "wojcik.technikuminformatyczne.eu/" mam wstawić bezpośrednio folder dist czy jego całą zawartość ?
A co do tego ng build base href to musze po prostu napisać "ng build --prod --base-href /(tutaj zostawić puste?)"

0

Okej, problem rozwiązany :)
Stworzyłem od nowa folder dist
ng build --prod --base-href /

Później wstawiłem zawartość folderu dist do głównego folderu domeny i wszystko działa :) Strona, a raczej aplikacja Angular wyświetla się jak powinna !!! :)
Dziękuję wszystkim za wszelką pomoc :)

Temat do zamknięcia :)

1 użytkowników online, w tym zalogowanych: 0, gości: 1