klim.log()

フロントエンドエンジニア見習いによる学習記録

今更ながらHerokuを使い始めたので最速でPHPファイルをアップしてみる

2018年にもなってHeroku入門記事を書きます

目次

導入

何がともあれセットアップ

  1. アカウント作成
  2. コマンド経由でHeroku CLIをインストール
$ brew install heroku/brew/heroku

他の環境の人は以下参照

プロジェクト作成

ディレクトリ作成

小技を使ってワンライナーディレクトリ作成&そのディレクトリに移動*1

$ mkdir heroku_test && cd $_

ファイル作成

適当に index.php を作成

<?php phpinfo();

composer.json も作成

{}

この2つでPHPプロジェクトであると認識されるらしい

Git

Gitでコミットしておく

$ git init
$ git add .
$ git commit -m 'Initial commit'

Herokuにログイン&アプリ作成

ログイン

$ heroku login

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

上記コマンドを叩くと、なにかキー押せと言われるのでEnterとか押下する

するとブラウザに飛ばされて以下のような画面に

Herokuにログインできたところ

Log in をクリックすると以下の画面に

Herokuのログイン画面の様子

この画面が出たらコマンド画面に戻り、以下のようなコマンドが出ていたらOK

Logging in... done
Logged in as klim0824@example.com

アプリ作成

$ heroku create

Creating app... done, ⬢ hoge-fuga-123456
https://hoge-fuga-123456.herokuapp.com/ | https://git.heroku.com/hoge-fuga-123456.git

$ heroku create すると、自動でデプロイ先とgitが生成される(ここの手順の前に git init しておかないと、リモートブランチにここのが紐付かれないっぽい?)

デプロイ

gitでpushしてデプロイ

$ git push heroku master


Enumerating objects: 4, done.
Counting objects: 100% (4/4), done.
Delta compression using up to 4 threads
Compressing objects: 100% (2/2), done.
Writing objects: 100% (4/4), 285 bytes | 71.00 KiB/s, done.
Total 4 (delta 0), reused 0 (delta 0)
remote: Compressing source files... done.
remote: Building source:
remote: 
remote: -----> PHP app detected
remote: -----> Bootstrapping...
remote: -----> Installing platform packages...
remote:        NOTICE: No runtime required in composer.lock; using PHP ^7.0.0
remote:        - nginx (1.8.1)
remote:        - php (7.3.0)
remote:        - apache (2.4.37)
remote: -----> Installing dependencies...
remote:        Composer version 1.8.0 2018-12-03 10:31:16
remote: -----> Preparing runtime environment...
remote:        NOTICE: No Procfile, using 'web: heroku-php-apache2'.
remote: -----> Checking for additional extensions to install...
remote: -----> Discovering process types
remote:        Procfile declares types -> web
remote: 
remote: -----> Compressing...
remote:        Done: 15.4M
remote: -----> Launching...
remote:        Released v3
remote:        https://hoge-fuga-123456.herokuapp.com/ deployed to Heroku
remote: 
remote: Verifying deploy... done.
To https://git.heroku.com/hoge-fuga-123456git
 * [new branch]      master -> master

https://hoge-fuga-123456.herokuapp.com/ にアクセスするとキチンとデプロイされていることが確認できる

よかったですね

Dashboardとか

デプロイしたHerokuアプリは以下のURLから確認できる

アプリを削除するには、 アプリ名 →Settings → Delete app... → Deleting your app and its add-ons is irreversible. Enter your app's name (hoge-fuga-123456) below to confirm you want to permanently delete it: と書かれたポップアップが出てくるので、入力欄に「hoge-fuga-123456」を貼り付けてEnter