Dashで作成したアプリをGitHubと連携させてHerokuに自動デプロイ

はじめに

Dashで作成したアプリをHerokuにデプロイでアプリを Heroku にデプロイした。GitHub と連携させることができるようなので試してみた。私の GitHub アカウントはこれ。

GitHub にコードをプッシュ

自身の GitHub にて whc-app という名前のリモートレポジトリを作成。Dashで作成したアプリをHerokuにデプロイにて、すでにローカルレポジトリが存在するため、リモートレポジトリにプッシュする。

$ git remote add origin https://github.com/bemac-honda/whc-app.git
$ git branch -M main
$ git push -u origin main

GitHub と連携

Heroku Dashboardにて、[ whc-app ] → [ Deploy タブ ] → [ Deployment method ] から "GitHub" を選択。[ Connect to GitHub ] で自身のレポジトリを検索して [ Connect ]。
連携がうまくできれば Automatic deploys と Manual deploy の 2 通りのデプロイができるようになるので、順に試す。

Manual deploy

文字とおり手動でデプロイを行う。
[ Manual deploy ] にて、ブランチを選択して [ Deploy Branch ] を押すだけ。なにもなければ main ブランチでよいと思う。問題なくデプロイできれば [ View ] からそのままアプリを見ることができる。

Automatic deploys

GitHub にプッシュするとソースコードの変更を検知して、自動で Heroku のビルドを実行し、デプロイしてくれる。
[ Automatic deploys ] にて、ブランチを選択して [ Enable Automatic Deploys ] をクリック。

これで今後コードを変更した際は GitHub にさえプッシュしておけば自動でデプロイされる。