Posso ospitare gratuitamente la mia app React utilizzando React-Router-Dom con Netlify?
Il mio progetto:
- React (io uso la create-react-applibreria)
- Usa
react-router-dom
usingBrowserRouter
,Route
&Switch
imports. 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/123456
olocalhost3000/654321
.
- Usa
- 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 utilizzare
react-router-dom
. Ad esempio,www.anyname.com
è casa edwww.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 ednameofmychoosing/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
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.
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 _redirects
nella cartella in cui .html
vive 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.