「燃えるゴミは月曜日」

テクノロジー、趣味、雑談、etc... 基本的に備忘録として運営してます。

HerokuにWebアプリをデプロイ

作成したWebアプリケーションをHerokuにデプロイ(サーバに送って、アプリを実行可能にする)し、ブラウザで確認するまでの方法を説明します。

環境

  • macOS Mojave (ver.10.14.6)

前提条件

  • homebrewを導入している
  • Gitの操作方法がある程度わかる
  • インターネット環境がある

Herokuとは

Heroku は、アプリケーションの開発から実行、運用までのすべてをクラウドで完結できる PaaS(サービスとしてのプラットフォーム)です。

jp.heroku.com

作業手順

Herokuの準備

Herokuの登録

以下リンクより、氏名・メールアドレス・専攻言語を入力し登録。 Heroku | Sign up
登録したメールアドレスに本登録のメールが来る。メールのリンクに移動し、パスワードを入力すると本登録が完了する。

heroku toolbeltをインストール

herokuをCLI(ターミナル)で使えるように、heroku toolbeltをインストールする。

ターミナル上で、以下のコマンドを実行する。インストールするまで15分かかった(長すぎ?)。

$ brew tap heroku/brew && brew install heroku

アカウント認証

toolbeltがインストールできたら、ターミナルで「heroku login」コマンドを実行する。ブラウザを開くか聞かれるのでエンターを押すと、アカウント認証のサイトが自動で開き、認証することができる。

$ heroku login
heroku: Press any key to open up the browser to login or q to exit: [Enter]
Opening browser to https://cli-auth.heroku.com/auth/cli/browser/XXX
Logging in... done
Logged in as [Your Mail Address]

Herokuへのデプロイ

アプリの準備

まずは公開するアプリを用意する。今回はherokutestというディレクトリ内にindex.phpを用意する。(composer.jsonPHPアプリを公開するのに必要らしい)

$ mkdir herokutest
$ cd herokutest
$ touch index.php
$ touch composer.json

index.phpの内容

<?php
echo "Hello, world!!";
?>

Git操作

Herokuは、Gitを使用してリモートリポジトリにプッシュする作業でアプリが公開できる。
リポジトリを作成し、ファイルを追加、コミットする。

$ git init
$ git add .
$ git commit -m "add app"

Herokuにアプリをデプロイ

Herokuに新しいアプリケーションを作成する。ターミナル上で「heroku create」を実行する。

$ heroku create
Creating app... done, ⬢ XXX
https://XXX.herokuapp.com/ | https://git.heroku.com/XXX.git

先ほどのアプリをHerokuにプッシュし、アプリをデプロイする。

$ git push heroku master
Enumerating objects: 5, done.
Counting objects: 100% (5/5), done.
... (省略) ...
remote: Verifying deploy... done.
To https://git.heroku.com/XXX.git
   xxxx  master -> master

問題なければ、ターミナル上で「heroku open」を実行すると、自動でブラウザが起動し、アプリが表示される。

$ heroku open

f:id:H473N4:20200702140504p:plain
Herokuにデプロイ完了

以上。