静的なサイトをherokuで爆速リリースしてBASIC認証をかける

はじめに

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

終わりに

たぶん、最小構成だと思います。