Netlifyでreact-router-domを使用してreactアプリを無料でホストできますか?
私のプロジェクト:
- React(私はcreate-react-appライブラリを使用しています)
- 、&importsを使用
react-router-dom
して使用します。これにより、さまざまなURLに移動できます。たとえば、ローカルホストでアプリを実行すると、ホームになります。私のアプリの機能の一部は、ランダムにURLを生成することです-例:または。BrowserRouter
Route
Switch
localhost3000
localhost3000/123456
localhost3000/654321
- 、&importsを使用
- 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
ます。
回答
コードを実行しているWebページのURLは自由に変更できます。唯一の結果は、相対URLの動作と、ページがリロードされたときに何が起こるかです。ほとんどのセルフホスティング環境では、ドメインの後に続くものはすべて自由に変更できます。例https://www.example.com/yourrouteshere またはまた使用 https://www.example.com/page#Yourrouteshere。ユーザーがページを更新した場合でも、バックエンドが適切な応答を提供する必要があることに注意してください。これは、URLパスに関係なく、バックエンドが常に同じものを返すことを意味する場合もあれば、ユースケースに応じて異なるものを提供することを意味する場合もあります。
奇妙なユースケースで複数のホスト名を持つことに依存する奇妙な設定がない限り、ドメイン自体を変更しないでください。
アプリケーションを実行したら、既存のホストに転送するためにCNAME属性を使用してDNSレコードを設定することを検討できます。
Netlifyを使用すると、reactアプリを無料でホストし、react-router-dom
i)が存在する_redirects
フォルダーで呼び出されるファイルを作成し、.html
ii)_redirects
:に挿入することで利用できます/* /index.html 200
。
私の質問をリンクしたい同様のSOの質問と回答がすでにここにあります。どうすればいいのかわからないので、誰か見せていただければ幸いです。