Dapatkah saya meng-host aplikasi react saya secara gratis dengan menggunakan react-router-dom dengan Netlify?
Proyek saya:
- React (saya menggunakan create-react-appperpustakaan)
- Gunakan
react-router-dommenggunakanBrowserRouter,Route&Switchimpor. Ini memungkinkan saya untuk membuka url yang berbeda: misalnya, ketika saya menjalankan aplikasi saya di localhost,localhost3000adalah rumah. Bagian dari fungsi aplikasi saya adalah menghasilkan url secara acak - misalnya:localhost3000/123456ataulocalhost3000/654321.
- Gunakan
- Buat perubahan pada database di Firebase's Realtime Database & gunakan Firebase's Auth.
Apa yang saya butuhkan:
Gratis: karena aplikasi ini adalah bagian portofolio, saya pikir yang saya butuhkan hanyalah nama domain yang memungkinkan saya untuk menggunakannya
react-router-dom. Misalnya,www.anyname.comapakah rumah &www.anyname/123456.comadalah salah satu rute saya.Tidak-gratis: Jika tidak ada kemampuan untuk mencapai apa yang saya inginkan secara gratis, maka saya akan dengan senang hati membeli nama domain dan akan menghargai saran bagaimana saya dapat melakukannya.
Apa yang telah saya teliti:
- Netlify disarankan kepada saya. Saya tahu ini memberikan kemampuan untuk mengubah sebagian dari nama domain tetapi saya tidak tahu apakah itu akan menampilkan 'rute' saya misalnya (
nameofmychoosing.netlify.appadalah rumah &nameofmychoosing/123456.netlify.appmerupakan salah satu rute saya - apakah ini akan berfungsi?).
NB jika ini bukan tempat yang tepat untuk memposting pertanyaan ini, mengarahkan saya ke forum yang tepat akan sangat kami hargai.
EDIT: baru saja menemukan ini dan ini yang mengatakan saya perlu melakukan sedikit modifikasi agar netlify dapat digunakan react-router-dom.
Jawaban
Anda dapat dengan bebas mengubah url halaman web mana pun tempat Anda menjalankan kode. Satu-satunya konsekuensi adalah perilaku URL relatif dan apa yang terjadi saat halaman dimuat ulang. Di sebagian besar lingkungan hosting mandiri, Anda bebas mengubah apa pun yang muncul setelah domain. Exhttps://www.example.com/yourrouteshere atau juga digunakan https://www.example.com/page#Yourrouteshere. Sesuatu yang perlu diingat adalah jika pengguna memuat ulang halaman, backend Anda masih perlu memberikan respons yang sesuai. Ini mungkin berarti backend selalu mengembalikan hal yang sama terlepas dari jalur URL atau itu mungkin berarti menyajikan sesuatu yang berbeda tergantung pada kasus penggunaan Anda.
Anda tidak boleh memodifikasi domain itu sendiri kecuali Anda memiliki pengaturan aneh yang mengandalkan memiliki beberapa nama host untuk beberapa kasus penggunaan yang aneh.
Setelah Anda menjalankan aplikasi, Anda kemudian dapat mempertimbangkan untuk menyiapkan data DNS dengan atribut CNAME untuk diteruskan ke host yang ada.
Saya bisa, dengan Netlify, tuan rumah my bereaksi aplikasi untuk penggunaan gratis dan make dari react-router-domoleh i) menciptakan sebuah file yang bernama _redirectsdalam folder di mana .htmlkehidupan dan ii) memasukkan di _redirects: /* /index.html 200.
Sudah ada pertanyaan & jawaban SO serupa di sini yang ingin saya tautkan ke pertanyaan saya. Saya tidak tahu bagaimana melakukan itu jadi jika ada yang bisa menunjukkan kepada saya itu akan dihargai.