はじめに
GitHubPagesやNetlifyでリリースしてきましたが、今回はherokuで静的なサイトをリリースしてみます。
herokuになった経緯はBASIC認証をかけたかったんですが、GitHubPagesにはなく、Netlifyには有料プランでBASIC認証の代わりにパスワードをかけられるっぽく、ちょうどいいのがなくherokuにたどり着きました。
前手順
herokuアプリは作っておきます
brew install heroku/brew/heroku
heroku login
heroku create
herokuで静的サイトをリリース
ここで言う静的サイトは、html,css,jsで構成されるサイトです。
herokuで静的なサイトをリリースするには、herokuにphpアプリケーションとして認識させる必要があります。
index.php
<?php
header('Location: /index.html');
?>
composer.json
{}
index.html
適当に
ディレクトリ構成
srcディレクトリはcss,jsが入ってます
リリース
git push heroku master
BASIC認証をかける
.htaccess
AuthUserFile /app/.htpasswd
AuthType Basic
AuthName "Restricted Access"
Require valid-user
.htpasswd
BASIC認証で利用するID/PASSWORDが記述されたファイル
下記サイトなどを利用して作成してください
http://www.luft.co.jp/cgi/htpasswd.php
ディレクトリ構成
リリース
git push heroku master
終わりに
たぶん、最小構成だと思います。