...

【失敗しない】RailsアプリをHerokuにデプロイする方法!

RailsアプリのHerokuへのデプロイの仕方

どうもおはようポテト(@ohayoupoteto22)です。

今回は

「Heroku触ったことないけどチャチャっとデプロイしたい」

「Railsアプリを公開してみたい」

という方に向けて「RailsアプリをHerokuにデプロイする方法」を分かりやすくまとめてみました。

初心者の備忘録ゆえに至らない点もあると思いますが参考になれば幸いです⸝⸝- ̫ -⸝⸝

ブログ主

早速いってみよう!

Herokuにデプロイするまでの手順

手順は大きく分けて5つ。

5つと聞くと多く聞こえるかもしれませんが、それぞれでする事は多くないので安心してください(っ´ω`c)

手順
step1
Herokuアカウントを作る
step2
Herokuコマンドをインストール
step3
Railsの環境設定をいじる
step4
Heroku上でアプリを作る
step5
デプロイする
ちなみにUbuntuでの話です!Macなら少し手順が省略可能かも!

ソロモン

 

Heokuのアカウントを作ろう!

こちらからHeokuのページにいき、アカウントを作成します。

必要項目を入力し終わると、メールが届くのでそこに記載されているURLをクリックすると登録完了になります。

Herokuコマンドをインストールしよう

$ sudo apt-get install -y curl

herokuコマンドをインストールするために必要な、curlコマンドをまずインストールします。

 

$ curl https://cli-assets.heroku.com/install-ubuntu.sh | sh

そうするとcurlコマンドが使えるようになるので、herokuコマンドをインストール。

 

Railsの環境設定をいじろう

# Use sqlite3 as the database for Active Record
gem 'sqlite3', group: :development
gem 'pg', group: :production

Herokuで使用するデータベースはPostgreSQLなので、その為にGemfileを少しいじります。「gem ‘sqlite3’」とか書かれた行を探して、以上のように変更します。

 

$ sudo apt-get install -y postgresql-server-dev-10 
$ bundle install

postgreSQL関連のライブラリをインストールし、gemをインストールします。

 

production:
  <<: *default
  adapter: postgresql
  encoding: unicode
  pool: 5
そして開発用のデータベースの設定も変更したいので、config/database.ymlファイルを以上のように編集します

Heroku上でアプリを作ろう

$ Heroku create "付けたいアプリ名"

これでアプリ名を指定しつつHeroku上でアプリを作ることができます

ブログ主

アプリ名に大文字などは使えないよ

Heokuにデプロイしよう

アプリを作れたので、Heorkuにデプロイしていきます

 

$ git add .
$ git commit -m "Herokuにデプロイしたい"

まずコミットしてから…

 

$ git push heroku master

プッシュしてあげればデプロイは完了!

 

$ heroku run rails db:migrate

あとはデータベースのマイグレーションのために以上のコマンドを叩いてあげれば終了です!

お疲れ様!

ソロモン

おまけ

アプリを開いてみよう

Heokuのサイトに行き、メニューから「Dashboard」を選びます

 

そうすると実際に自分が作ったアプリが一覧で表示されるので、開きたいアプリをクリック。

 

そして右上に出てくる「Open app」をクリックするとアプリが起動します。
(Herokuのアプリは30分開かないと寝てしまうので、起動に時間がかかる場合も)

 

上の作業がめんどくさい方は下のURLでアクセスすることもできます

 

http://(アプリ名).herokuapp.com/

アプリを消したい時は

$ heroku apps:destroy --app "消したいアプリ名"

Herokuでは無課金だと5つまでしかアプリをデプロイできないので、適宜消すことが必要な場合も。そこで、上のコマンドで作ったアプリを消すことができます。

「これ叩いたら変なこと聞かれたんだけど…?」という時はもう一度アプリ名を入力してあげれば削除できます。

最後に

以上となります。

復習がてらまとめてみましたが、ブログ主自身もまだ中級者と初心者の狭間を彷徨ってる身なので、間違いなどありましたら指摘してくださると助かります(›´ω`‹ )

お願いします

ソロモン

参考になれば幸いです!では⸝⸝- ̫ -⸝⸝

参考になったらシェアしよう

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA