HTML / CSS 使い方 WEB-PASEON

フォルダ（階層）内のファイルに、パスワード認証でログインする設定です。

IDとパスワードの小窓がポップアップします。

htaccess/ベーシック認証の設定方法

テキストファイルを２つ用意し、
それぞれのファイルに任意の名前をつける

例
・　1.txt
・　2.txt

1.txt　に、下記をコピペする

AuthUserFile /home/sites/lolipop.jp/users/lolipop.jp-dp○○○○○○○○/web/△△△△/.htpasswd
AuthGroupFile /dev/null
AuthName "Input your ID and Password"
AuthType Basic
require valid-user

全部で5行で、絶対に変更が必要なのは一番上のフルパスです。

AuthUserFile /home/sites/lolipop.jp/users/lolipop.jp-dp○○○○○○○○/web/△△△△/.htpasswd

○と△に必要情報を書き換えます。
フルパスの○は、ロリポップにログインし、ユーザー情報で調べれます。
わからなければFTP設定のユーザー名と同じ（たぶん）

そしてパスワードをかけたいフォルダ名を、△△△△と入れ替える
全てのページにパスワードをかける場合は、フォルダはなしになるので、△△△△/を削除する
階層が1段深い場合は、△の左に１つ手前のフォルダ名を書く

例
○の数字
12345678
URL
http://ドメイン/main/test/index.html
この場合のtestフォルダにパスワードをかける書き方

AuthUserFile /home/sites/lolipop.jp/users/lolipop.jp-dp12345678/web/main/test/.htpasswd
AuthGroupFile /dev/null
AuthName "Input your ID and Password"
AuthType Basic
require valid-user

これでOK!

もう１つ書き換えてもいいものがあります。
4行目の、
AuthName "Input your ID and Password"
これはログイン時のメッセージです。
""内の　Input your ID and Password　を書き換えれます。

最後に、最後尾に改行を入れて、1.txt は完成です。

次
2.txt にログイン時のIDとパスワードを入力しますが、
暗号化して書きます。

googleなどで検索すると作成ツールがあります。

検索　キーワード
htaccess パスワード作成

ID　test
パスワード　11111111

これを暗号化したものが、
test:teJwiE6UN4CqA

これを2.txtに貼り付けます。
ここでも最後尾に改行を入れてください。

これで２つのファイルは完成です。

２つのファイルをFTPでパスワード認証をするフォルダにアップロードします。

例
http://ドメイン/main/test/index.html
testフォルだにアップロードします。

FTPでアップロードしたファイル名を変更します。
ファイルを右クリックで名前変更でできます。

1.txt →　.htaccess
2.txt →　.htpasswd

先頭にドットがあるので注意して下さい。

ファイル名の変更が終わったら、パーミッションを604に変更します。
これも右クリックから属性変更でできます。

これで完成です。

フォルダにindexファイルがない場合、
http://ドメイン/main/test/
ではログインできません。

当然ですが、
http://ドメイン/main/test/test.html

このようにファイル名まで明記したURLでログインします。

うまく動作しない場合に考えられること
※パーミッションの設定(604)
※フルパスの再確認
※アップロードファイル名の誤記(.htaccess)(.htpasswd)
※フォルダ（階層）の確認
※最後尾の改行