Dockerで作成したWebサイトをHerokuでデプロイする方法

#環境
Docker 19.03.8
macOS 10.15.5

#前提
Herokuのアカウント登録は完了している
Homebrewのインストールが完了していてbrewコマンドが使える

#デプロイするまでの解説
下記は今回わたしがデプロイしたWebサイトのdocker-compose.ymlのファイルになります。

docker-compose.yml

version: '3'

services:
  db:
    image: postgres
    volumes:
      - ./tmp/db:/var/lib/postgresql/data
      
    environment:
      POSTGRES_PASSWORD: 'postgres'

  web:
    build: .
    command: bash -c "rm -f tmp/pids/server.pid && bundle exec rails s -p 3000 -b '0.0.0.0'"
    volumes:
      - .:/myapp
    ports:
      - "3000:3000"
    depends_on:
      - db

###herokuコマンドのインストール

terminal

$ brew tap heroku/brew && brew install heroku

###heroku-cliにログイン
下記のコマンドを実行したのちにEnterをクリックします。

terminal

$ heroku login
heroku: Press any key to open up the browser to login or q to exit:

下記の画面が自動的に開きますのでログイン情報を入力します。

###Container Registryにログイン
そして下記のコマンドを実行してContainer Registryにログインします。

terminal

$ heroku container:login
Login Succeeded

###アプリを新規作成

下記のコマンドを実行してアプリを新規作成をします。$ heroku create [app name]でアプリの名前を作成します。自身の指定するアプリ名を入力してください。

terminal

$ heroku create recipegram-app
Creating ⬢ recipegram-app... done
https://recipegram-app.herokuapp.com/ | https://git.heroku.com/recipegram-app.git

###Container Registryにdocker imageをpushします。
ローカルで作成したdocker imageをHerokuのContainer Registryにpushします。

terminal

$ heroku container:push web

###Heroku add-onsのpostgresqlを作成

terminal

$ heroku addons:create heroku-postgresql:hobby-dev

###webプロセスタイプをリリース

terminal

$ heroku container:release web

###DB migrationの実行

terminal

$ heroku run rails db:migrate

###assets:precompile

terminal

$ heroku run rails assets:precompile

###デプロイ完了
以下のコマンドでデプロイしたアプリが開きますので確認をします。

terminal

$ heroku open

問題なく表示させることができました！URLもきちんと表示されていることが確認できました^_^

#Herokuにデブロイしたあとに更新する方法
下記のリンクではHerokuにデプロイしたあとに更新する場合の手順を公開していますのでぜひご覧ください！

【Docker】Herokuでコンテナを使い更新するやり方とMigrateErrorの対処方法について