React uygulamamı Netlify ile react-router-dom'u ücretsiz kullanarak barındırabilir miyim?
Projem:
- React ( create-react-appkitaplık kullanıyorum)
- Kullanım
react-router-dom
kullanarakBrowserRouter
,Route
&Switch
ithalatı. Bu, farklı url'lere gitmeme izin veriyor: örneğin, uygulamamı localhost'ta çalıştırdığımdalocalhost3000
, evim. Uygulamamın işlevselliğinin bir kısmı rastgele url'ler oluşturmaktır - örneğin:localhost3000/123456
veyalocalhost3000/654321
.
- Kullanım
- Firebase'in Gerçek Zamanlı Veritabanındaki bir veritabanında değişiklik yapın ve Firebase'in Kimlik Doğrulamasını kullanın.
Neye ihtiyacım var:
Serbest: Bu uygulama bir portföy parçası olduğundan, bütün ı ihtiyacını düşünüyorum bana izin herhangi bir alan adıdır faydalanmak
react-router-dom
. Örneğinwww.anyname.com
, evim vewww.anyname/123456.com
rotalarımdan biri.Ücretsiz değil: İstediğimi ücretsiz olarak elde etme yeteneği yoksa, o zaman bir alan adı satın almaktan mutluluk duyarım ve bunu nasıl yapabileceğime dair önerileri takdir ederim.
Araştırdığım şey:
- Netlify bana önerildi. Alan adının bir bölümünü değiştirme yeteneği sağladığını biliyorum, ancak 'rotalarımı' görüntüleyip görüntülemeyeceğini bilmiyorum, örneğin (
nameofmychoosing.netlify.app
ev mi venameofmychoosing/123456.netlify.app
rotalarımdan biri - bu işe yarar mı?).
Not: Bu soruyu göndermek için doğru yer burası değilse, beni doğru türden foruma yönlendirmek çok takdir edilecektir.
DÜZENLEME: Sadece keşfedilen bu ve bu demek ki ben işe netlify almak için küçük bir değişiklik yapmanız gerekir react-router-dom
.
Yanıtlar
Kodu çalıştırdığınız herhangi bir web sayfasının url'sini özgürce değiştirebilirsiniz. Bunun tek sonucu, ilgili URL'lerin davranışı ve sayfa yeniden yüklendiğinde ne olacağıdır. Çoğu kendi kendine barındırma ortamında, etki alanından sonra gelen her şeyi değiştirmekte özgürsünüz. Eskihttps://www.example.com/yourrouteshere veya ayrıca kullanılmış https://www.example.com/page#Yourrouteshere. Unutulmaması gereken bir nokta, kullanıcı sayfayı yenilerse, arka ucunuzun yine de uygun bir yanıt sunması gerekir. Bu, arka ucun URL yolundan bağımsız olarak her zaman aynı şeyi döndürdüğü anlamına gelebilir veya kullanım durumunuza bağlı olarak farklı bir şey sunmak anlamına gelebilir.
Bazı garip kullanım durumları için birden fazla ana bilgisayar adına sahip olmaya dayanan garip bir kurulumunuz yoksa, etki alanının kendisini değiştirmemelisiniz.
Çalışan bir uygulamanız olduğunda, mevcut ana bilgisayara iletmek için CNAME özniteliğine sahip bir DNS kaydı oluşturmayı düşünebilirsiniz.
Ben Netlify ile, am güçlü, ev sahibi serbest ve makyaj kullanımı için uygulama tepki Gözat react-router-dom
adlı bir dosya oluşturarak) i tarafından _redirects
klasördeki nerede .html
yaşıyor ve ii) 'de ekleyerek _redirects
: /* /index.html 200
.
Burada zaten sorumu bağlamak istediğim benzer bir SO sorusu ve cevabı var . Bunu nasıl yapacağımı bilmiyorum, bu yüzden biri bana gösterebilirse takdir edilecektir.