Netlifyでreact-router-domを使用してreactアプリを無料でホストできますか?

Jan 12 2021

私のプロジェクト:

  • React(私はcreate-react-appライブラリを使用しています)
    • 、&importsを使用react-router-domして使用します。これにより、さまざまなURLに移動できます。たとえば、ローカルホストでアプリを実行すると、ホームになります。私のアプリの機能の一部は、ランダムにURLを生成することです-例:または。BrowserRouterRouteSwitchlocalhost3000localhost3000/123456localhost3000/654321
  • Firebaseのリアルタイムデータベースのデータベースに変更を加え、Firebaseの認証を使用します。

必要なもの:

  • 無料:このアプリはポートフォリオの一部なので、必要なのはを利用react-router-domできるドメイン名だけだと思います。たとえば、www.anyname.comは家www.anyname/123456.comであり、私のルートの1つです。

  • 無料ではありません:私が望むことを無料で達成する能力がない場合は、ドメイン名を購入して喜んでいます。これをどのように行うことができるかについての提案をいただければ幸いです。

私が調査したこと:

  • Netlifyが私に提案されました。ドメイン名の一部を変更できることは知っていますが、「ルート」が表示されるかどうかはわかりません(たとえば、nameofmychoosing.netlify.app自宅nameofmychoosing/123456.netlify.appであり、ルートの1つです-これは機能しますか?)。

PSこれがこの質問を投稿するのに適切な場所でない場合は、適切な種類のフォーラムに案内していただければ幸いです。


編集:これとこれを発見しました。これは、netlifyをで動作させるためにわずかな変更を加える必要があることを示していreact-router-domます。

回答

1 Deadron Jan 12 2021 at 01:04

コードを実行しているWebページのURLは自由に変更できます。唯一の結果は、相対URLの動作と、ページがリロードされたときに何が起こるかです。ほとんどのセルフホスティング環境では、ドメインの後に続くものはすべて自由に変更できます。例https://www.example.com/yourrouteshere またはまた使用 https://www.example.com/page#Yourrouteshere。ユーザーがページを更新した場合でも、バックエンドが適切な応答を提供する必要があることに注意してください。これは、URLパスに関係なく、バックエンドが常に同じものを返すことを意味する場合もあれば、ユースケースに応じて異なるものを提供することを意味する場合もあります。

奇妙なユースケースで複数のホスト名を持つことに依存する奇妙な設定がない限り、ドメイン自体を変更しないでください。

アプリケーションを実行したら、既存のホストに転送するためにCNAME属性を使用してDNSレコードを設定することを検討できます。

tonitone120 Jan 13 2021 at 00:14

Netlifyを使用すると、reactアプリを無料でホストし、react-router-domi)が存在する_redirectsフォルダーで呼び出されるファイルを作成し、.htmlii)_redirects:に挿入することで利用できます/* /index.html 200

私の質問をリンクしたい同様のSOの質問と回答がすでにここにあります。どうすればいいのかわからないので、誰か見せていただければ幸いです。