Posso ospitare gratuitamente la mia app React utilizzando React-Router-Dom con Netlify?

Jan 12 2021

Il mio progetto:

  • React (io uso la create-react-applibreria)
    • Usa react-router-domusing BrowserRouter, Route& Switchimports. Questo mi consente di accedere a URL diversi: ad esempio, quando eseguo la mia app su localhost, localhost3000è a casa. Parte della funzionalità della mia app consiste nel generare in modo casuale URL, ad esempio: localhost3000/123456o localhost3000/654321.
  • Apporta modifiche a un database nel database in tempo reale di Firebase e utilizza l'autenticazione di Firebase.

Ciò che di cui ho bisogno:

  • Gratuito: poiché questa app è un pezzo di portfolio, penso che tutto ciò di cui ho bisogno sia un nome di dominio che mi permetta di utilizzarereact-router-dom . Ad esempio, www.anyname.comè casa ed www.anyname/123456.comè uno dei miei percorsi.

  • Non libero: se non è possibile ottenere ciò che voglio gratuitamente, allora sono felice di acquistare un nome di dominio e apprezzerei i suggerimenti su come farlo.

Quello che ho ricercato:

  • Netlify mi è stato suggerito. So che dà la possibilità di alterare parte del nome di dominio ma non so se mostrerà i miei "percorsi", ad esempio ( nameofmychoosing.netlify.appè casa ed nameofmychoosing/123456.netlify.appè uno dei miei percorsi - funzionerebbe?).

PS se questo non è il posto giusto per postare questa domanda, indirizzarmi al giusto tipo di forum sarebbe molto apprezzato.


EDIT: ho appena scoperto questo e questo che dice che devo fare una leggera modifica per far funzionare netlify react-router-dom.

Risposte

1 Deadron Jan 12 2021 at 01:04

Puoi modificare liberamente l'URL di qualsiasi pagina web su cui stai eseguendo il codice. L'unica conseguenza è il comportamento degli URL relativi e cosa succede quando la pagina viene ricaricata. Nella maggior parte degli ambienti di self hosting dovresti sentirti libero di cambiare tutto ciò che viene dopo il dominio. Exhttps://www.example.com/yourrouteshere o anche usato https://www.example.com/page#Yourrouteshere. Qualcosa da tenere a mente è se l'utente aggiorna la pagina che il tuo backend deve ancora fornire una risposta appropriata. Ciò potrebbe significare che il backend restituisce sempre la stessa cosa indipendentemente dal percorso dell'URL o potrebbe significare servire qualcosa di diverso a seconda del caso d'uso.

Non dovresti modificare il dominio stesso a meno che tu non abbia una configurazione strana che si basa sull'avere più nomi host per qualche strano caso d'uso.

Una volta che hai un'applicazione in esecuzione, puoi considerare di impostare un record DNS con un attributo CNAME da inoltrare all'host esistente.

tonitone120 Jan 13 2021 at 00:14

Sono in grado di, con Netlify, ospitare il mio reagire app per uso libero e fanno di react-router-dom: i) la creazione di un file chiamato _redirectsnella cartella in cui .htmlvive e ii) l'inserimento in _redirects: /* /index.html 200.

C'è già una domanda e risposta SO simile qui a cui vorrei collegare la mia domanda. Non so come farlo, quindi se qualcuno mi dimostrasse che sarebbe apprezzato.