Railsでアプリ作成してHerokuにアップしてブラウザで表示するとエラー

 

今回は、Railsでアプリを作成し、
それを、Herokuにアップロードしたのは
うまく行ったようでした。

エラーが出ないので、うまく行ったと思ったのですが、
その後、HeorkuのアプリのURLを、
ブラウザーに入力して表示してみると、
こんなエラー（下図参照）が発生しました。

今日は、このエラーをどのように解決したか
書いてみたいと思います。

 

手順の確認

そこで、Herokuにアップロードするための手順を、
もう一度見直してみました。

1. 自分のローカルPC内のアプリのディレクトリーにCdで移動する
   
   アプリのディレクトリーに移動

   Shell

   $ cd ~/workspace/アプリ名/

   1	$ cd ~/workspace/アプリ名/

2. Herokuにログインする
   
   Shell

   $ heroku login Enter your Heroku credentials. Email: Herokuに登録したメールアドレスを入力 Password: Herokuに登録したパスワードを入力

   1 2 3 4 5

   $ heroku login   Enter your Heroku credentials. Email: Herokuに登録したメールアドレスを入力 Password: Herokuに登録したパスワードを入力

3. herokuアプリを作成する
   
   herokuアプリを作成するコード

   Shell

   $ heroku create herokuアプリ名

   1	$ heroku create herokuアプリ名

   
   ※ herokuアプリ名は、自分のアプリ名を入れてください。
   ※herokuアプリ名は、他の人が作成したアプリ名と
   同じものは使えません。
   ですので、自分独自のアプリ名にしてください。
4. アプリ名に対応するgit remoteのURLを確認する
   
   git remote -vでURLを確認

   Shell

   username:~/workspace/appname (master) $ git remote -v heroku https://git.heroku.com/appname_for_heroku.git (fetch) heroku https://git.heroku.com/appname_for_heroku.git (push) origin https://github.com/humipine/app-name-for-github.git (fetch) origin https://github.com/humipine/app-name-for-github.git (push)

   1 2 3 4 5

   username:~/workspace/appname (master) $ git remote -v heroku  https://git.heroku.com/appname_for_heroku.git (fetch) heroku  https://git.heroku.com/appname_for_heroku.git (push) origin  https://github.com/humipine/app-name-for-github.git (fetch) origin  https://github.com/humipine/app-name-for-github.git (push)

   
   ※ 一行目のappname、二行目、三行目のappname_for_heroku、
   四行目、五行目のapp-name-for-github は、
   自分の好きな名前にします。

    

5. Heroku用の設定
   私は、最近まで知らなかったんですが、
   HerokuのデータベースはPostgreSQLを使用するんですね。
   もし、開発環境でMySQLや、 その他のデータベースを
   使用している場合には、
   データベースの設定ファイルの書き換えが必要となります。
   1. (Gemfile)
      下記のコードをGemfileの最後に追加します。
      
      Shell

      group :production do gem 'pg' end

      1 2 3

      group :production do   gem 'pg' end

      
       
   2. Gemfileを変更したら、bundle installをターミナルで実行します。
      
      $ bundle install

      1	$ bundle install

      
       
   3. HerokuでPostgreSQLを使用するために database.ymlを修正する
      
      config/database.ymlの修正

      Shell

      production: adapter: postgresql encoding: unicode pool: 5 database: message-board_production username: message-board password: <%= ENV['MESSAGE-BOARD_DATABASE_PASSWORD'] %>

      1 2 3 4 5 6 7

      production:   adapter: postgresql   encoding: unicode   pool: 5   database: message-board_production   username: message-board   password: <%= ENV['MESSAGE-BOARD_DATABASE_PASSWORD'] %>

      
       
   4. GITにコミットする
      
      Gitにコミット

      $ git add . $ git commit -m 'for heroku'

      1 2	$ git add . $ git commit -m 'for heroku'

      
       
6. Herokuにデプロイする
   
   herokuにデプロイ

   $ git push heroku master

   1	$ git push heroku master

   
    
7. Herokuにマイグレーションをする
   
   herokuにマイグレーション

   $ heroku run rails db:migrate

   1	$ heroku run rails db:migrate

   
    
8. PostreSQLのアドオンの追加
   
   postgreSQLのアドオン追加

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

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

   
    

 

問題解決

と、ここまで確認して来て、「あっ」と思いましたけど、
何だと思いますか？

って知るわけないよね。

最後のやってなかったんですよ！

そこで、PostgreSQLのアドオンを追加してから、
再度、URLを叩くと、きちんとアプリが起動できたのです。

問題をきちんと自分で解決できるって、いいもんですね〜

最初は、問題だらけだったのが、
自分で解決できる問題が、一個、ニ個と増えてきて、
だんだん、正確さが高まってきてます。

やる気出てきました。