はじめてのパスワードでアクセス制限（ロリポップ！ver.）

はじめて「Webページをパスワードでアクセス制限」というのものをやってみたので、自分のメモも含めてご紹介します！
今回はレンタルサーバーの「ロリポップ！」を使用した例です。

私自身あまり今まで必要性がなくてやったことがなかったのですが、ふと必要になったときにご活用ください。

※MacOSXでGoogle Chormeを使用した環境で紹介しています。

今回はFTPソフトを使っていちいちアップロードするには面倒なので、「ロリポップ！FTP」を使って解説していこうと思います。

まず、ロリポップ！のユーザー専用ページにログインしましょう。

左側のメニューからWebツール→ロリポップ！FTPを選択して開きます。

ロリポップ！FTPを開いたら、今回アクセス制限をかけたい場所を決めます。

私は今回「demo」というフォルダの中身をアクセス制限にしたいので、新しく「demo」フォルダを作りました。

私の場合、新しい「demo」フォルダを作って中身が空っぽなので、
とりあえず簡単に書いたindex.htmlを入れておきました。

先ほど、index.htmlを置いた場所と同じところに、
今度は「.htaccess」というファイルを追加します。

まず、上部にある「新規ファイル作成」アイコンを押しましょう。

すると、下図のようなページが開くので、
ここに必要な項目を書いていきます。

.htaccessファイルに書く・設定する項目は全部で3つあります。

ファイル名を「.htaccess」にします。

これは「パーミッション」と呼ばれるもので、
パーミッションが「604」になるように設定します。

最初は「644」になっていると思うので、真ん中のグループの呼出のチェックを外せば604になるはずです。

下記の5つの項目を書きます。

AuthUserFile フルパス/(制限をかけたいディレクトリ)/.htpasswd
AuthGroupFile /dev/null
AuthName “ウィンドウに表示される文字列”
AuthType Basic
require valid-user

★1行目の「AuthUserFile」の「フルパス」を書き換えましょう。

フルパスは、ロリポップ！のユーザー専用ページのアカウント情報で確認することができます。

フルパスと書かれた/から始まるものです。
これをまるっとコピーして、1行目の「AuthUserFile」の「フルパス」のところに置きましょう。

★1行目の「AuthUserFile」の「(制限をかけたいディレクトリ)」を書き換えましょう。

制限をかけたいディレクトリとは、今回の私の場合は「demo」というフォルダを作りましたよね？
そのdemoを入れてあげます。

★3行目の「AuthName」の「ウィンドウに表示される文字列」を書き換えましょう。

ここはパスワードを入力するウィンドウに出てくるメッセージになります。
日本語だと文字化けしてしまうブラウザもあるため、どっちにするかはご自身の判断にお任せします。
例：”見ないでー！”

以上が設定できたら、「保存する」ボタンを押して.htaccessファイルは完成です。

3、.htaccessファイルを作成すると同じく、
上部の「新規ファイル作成」を押します。