React uygulamamı Netlify ile react-router-dom'u ücretsiz kullanarak barındırabilir miyim?

Jan 12 2021

Projem:

  • React ( create-react-appkitaplık kullanıyorum)
    • Kullanım react-router-domkullanarak BrowserRouter, Route& Switchithalatı. Bu, farklı url'lere gitmeme izin veriyor: örneğin, uygulamamı localhost'ta çalıştırdığımda localhost3000, evim. Uygulamamın işlevselliğinin bir kısmı rastgele url'ler oluşturmaktır - örneğin: localhost3000/123456veya localhost3000/654321.
  • 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 faydalanmakreact-router-dom . Örneğin www.anyname.com, evim ve www.anyname/123456.comrotaları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.appev mi ve nameofmychoosing/123456.netlify.approtaları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

1 Deadron Jan 12 2021 at 01:04

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.

tonitone120 Jan 13 2021 at 00:14

Ben Netlify ile, am güçlü, ev sahibi serbest ve makyaj kullanımı için uygulama tepki Gözat react-router-domadlı bir dosya oluşturarak) i tarafından _redirectsklasördeki nerede .htmlyaşı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.