Reactアプリケーションのデプロイガイドです。

​
事前準備と確認事項

対応Node.jsバージョン

プロジェクト設定ファイル（package.json、.nvmrcなど）に記載されたNode.jsバージョンとデプロイ設定時に選択したバージョンが一致しない場合、ビルドや実行時エラーが発生する可能性があります。

​
テンプレートとリポジトリの選択

ダッシュボードの または ⌘ + K で生成されるデプロイモーダルで Web application テンプレートを選択し、続くドロップダウンメニューから連携されたGitHubアカウントのリポジトリを選択するか、Git URLタブでGitリポジトリURLを入力してください。

​
デプロイ設定値を入力

次の各項目にサービスをデプロイするための設定値を入力してください。

エールは別途のNginx設定なしで、デプロイ設定時のRewritesフィールド値入力を通じて、リバースプロキシが動作するよう機能を提供しています。詳細はReverse Proxyページをご参照ください。

​
リソース設定とデプロイ

  • リソースタイプ : オンデマンドとスポットリソース から選択

  • CPU：サービスで利用可能なvCPUの上限を設定。最小構成時は0.1 vCPUを割り当て

  • メモリ : サービスが使用するメモリリソースの最大値を設定

  • レプリカ：設定した数に応じサービスを水平スケーリングし、負荷分散と可用性確保

  • デプロイ : デプロイをクリック

デプロイが完了したらプレビュードメインを通じてブラウザでウェブページを確認したり、APIツールを使用してリクエストを送信できます。

リソース制限によりデプロイできない場合は、スペースとリソースの管理ページを参照してスペースにリソースを追加してください。

React Docs