Czy mogę udostępniać moją aplikację React za darmo, korzystając z usługi React-router-dom z Netlify?

Jan 12 2021

Mój projekt:

  • React (korzystam z create-react-appbiblioteki)
    • Użyj react-router-domużyciu BrowserRouter, Routei Switchimportu. To pozwala mi przejść do różnych adresów URL: na przykład, kiedy uruchamiam moją aplikację na hoście lokalnym, localhost3000jest domem. Część funkcji mojej aplikacji polega na losowym generowaniu adresów URL - na przykład: localhost3000/123456lub localhost3000/654321.
  • Wprowadź zmiany w bazie danych w bazie danych czasu rzeczywistego Firebase i użyj uwierzytelniania Firebase.

Czego potrzebuję:

  • Bezpłatna: ponieważ ta aplikacja jest elementem portfolio, myślę, że potrzebuję tylko nazwy domeny, z której mogę korzystaćreact-router-dom . Na przykład www.anyname.comto home & www.anyname/123456.comjest jedną z moich tras.

  • Nie za darmo: jeśli nie ma możliwości osiągnięcia tego, co chcę za darmo, z przyjemnością kupię nazwę domeny i byłbym wdzięczny za sugestie, jak mogę się do tego zabrać.

Co badałem:

  • Zaproponowano mi Netlify. Wiem, że daje możliwość zmiany części nazwy domeny, ale nie wiem, czy wyświetli moje „trasy”, np. ( nameofmychoosing.netlify.appJest domem i nameofmychoosing/123456.netlify.appjest jedną z moich tras - czy to zadziała?).

PS, jeśli to nie jest właściwe miejsce do zadawania tego pytania, bardzo bym docenił skierowanie mnie na odpowiednie forum.


EDYCJA: właśnie odkryłem to i to, co mówi, że muszę dokonać niewielkiej modyfikacji, aby Netlify działało react-router-dom.

Odpowiedzi

1 Deadron Jan 12 2021 at 01:04

Możesz dowolnie zmieniać adres URL dowolnej strony internetowej, na której uruchamiasz kod. Jedyną konsekwencją jest zachowanie względnych adresów URL i to, co się dzieje po ponownym załadowaniu strony. W większości środowisk samodzielnego hostingu możesz swobodnie zmieniać wszystko, co nastąpi po domenie. Dawnyhttps://www.example.com/yourrouteshere lub też używany https://www.example.com/page#Yourrouteshere. Należy pamiętać, że jeśli użytkownik odświeża stronę, Twój backend nadal potrzebuje odpowiedniej odpowiedzi. Może to oznaczać, że backend zawsze zwraca to samo, niezależnie od ścieżki adresu URL lub może oznaczać, że obsługuje coś innego w zależności od przypadku użycia.

Nie powinieneś modyfikować samej domeny, chyba że masz dziwną konfigurację, która polega na posiadaniu wielu nazw hostów dla jakiegoś dziwnego przypadku użycia.

Gdy już uruchomisz aplikację, możesz rozważyć skonfigurowanie rekordu DNS z atrybutem CNAME, aby przekazywać go do istniejącego hosta.

tonitone120 Jan 13 2021 at 00:14

Jestem w stanie, z Netlify, host moich reagować aplikacja za darmo i wykorzystania react-router-domprzez i) utworzenie pliku o nazwie _redirectsw folderze, w którym .htmlmieszka i ii) wkładając w _redirects: /* /index.html 200.

Istnieje już podobny SO pytanie i odpowiedź tutaj , że chciałbym, aby połączyć moje pytanie. Nie wiem, jak to zrobić, więc jeśli ktoś mógłby mi to pokazać, byłbym wdzięczny.