[Heroku]ReactとFlaskのアプリをHerokuにデプロイする方法がわからない

Question

前提・実現したいこと

FlaskとReactを利用したアプリをローカル上で制作しました。
今回はこのアプリをHerokuにデプロイしようとしたのですが、ReactとFlaskを連携しているものが見つからなくて困っています。
ローカルでは、front_end/上でnpm run serve、back_end/上でFLASK_APP=run.py flask runの二つを実行することで動いているのですが、これをHeroku上で実現するにはどのようにすれば良いのでしょうか。
または、一般的にはbackendとfrontendを分けてデプロイするのが普通なのでしょうか。
分かる方がいましたらコメントお願いします。

発生している問題・エラーメッセージ

Heroku上でnpm run serveとFLASK_APP=run.py flask runを実行する方法がわからない

Comments

[hoshi-takanori]

フロントエンド側は npm run serve すると webpack-dev-server が動く感じでしょうか？ その場合、それは開発用のサーバーなので、一般的には本番サーバーで動かすものではないと思います。server-side rendering していない普通の react なら、ビルドすると js ファイルになるので、それを flask で静的ファイルとして処理すれば良いのでは。(同一オリジンになるので CORS も不要になりますし。)

[aiai8976]

それが一般的みたいですね。
ありがとうございます。

Answer 1

reactの方でbuildしたディレクトリをflaskで静的ファイルとして扱うため、flaskサーバのみの構成となります。