Reduxのサイトに勉強に使えるサンプルコードがたくさん紹介されています。
サイトに記載されている手順どおりに進めることでローカル環境で動かすことができました。
ローカル環境で動くことを確認できたので、Herokuで動かしてみようとデプロイしてみたのですが、アプリケーションエラーとなってしまいました。
サンプルコードにはserver.jsがちゃんと用意されていて、Procfileは自分で追加済み、Herokuデプロイ時には特にエラーも発生していなさそう・・・。
これでどうしてエラーになるんだろうと悩んでいたのですが、この問題の解決方法について教えてもらうことができました。
原因は、server.jsのport指定のところが固定となっていたためです。
Herokuで動かすには次のように指定する必要がありました。
var port = process.env.PORT || 3000;
自分でheroku logsコマンドでログを見た時には気づけなかったのですが、こういったエラーとなっています。
このエラーが発生したときはPortの指定部分を確認してみれば良さそうです。
Error R10 (Boot timeout) -> Web process failed to bind to $PORT within 60 seconds of launch
Portの指定を修正しただけで、ReduxのサンプルコードをHeroku上で動かすことができるようになりました。
React × ReduxのサンプルコードをHerokuで動かしたいときは、Portの指定部分を変更することで対応できました。