トップ   編集 凍結 差分 履歴 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS   ログイン

システム関連/heroku/deployButton

Last-modified: 2022-05-05 (木) 09:23:36

「Deploy To Heroku」でアプリの簡単インストールボタンを設置する

「Deploy To Heroku」ボタンを設置するとGitHub上に公開しているWEBアプリを別の人のHeroku環境に簡単インストールする事ができます。(ソースをcloneしてdeployする所までやってくれます。) 今回はPHPアプリ用のデプロイボタンを設置します

用意するファイル

  • web(directory):WEBアプリを入れるドキュメントルートProcfileで指定
  • Procfile:Heroku用のWebサーバーの設定などを記載
  • README.md:GitHubのREADEME
  • app.json:GitHubのリポジトリの場所など「Deploy To Heroku」ボタンの挙動を指定する
  • composer.json:phpの拡張パッケージの設定(Herokuはこのファイルの有無でPHPアプリを認識するらしいので空ファイルでも必須)
  • composer.lock:composer のインストール時にできる。パッケージのバージョンが指定されている。コピーしたアプリ間でバージョンを合わせるためこちらも必須

Procfiile

web: vendor/bin/heroku-php-apache2 web/
apacheやnginx、hhvmなどが選べるドキュメントルートもここで指定

app.json

{
    "name": "アプリの名前",
    "description": "概要",
    "repository": "https://github.com/プロジェクトのパス",
    "logo": "https://Herokuのdeploy時に表示されるアプリのロゴ.png",
    "env": {
      "deploy時に入力させたい変数など": {
        "description": "入力させたい変数の説明"
      }
    }
}

https://devcenter.heroku.com/articles/app-json-schema

ボタンの設置

以下のコードをHTMLに貼る

<a href="https://heroku.com/deploy?template=https://github.com/プロジェクトのパス">
  <img src="https://www.herokucdn.com/deploy/button.png" alt="heroku button" />
</a>

参考ドキュメント

https://devcenter.heroku.com/articles/heroku-button