9月更新・前月(8月)の人気記事トップ10 09/02/2024
- ( 01 – ) 【Labs】position:absoluteとwidth:100%を指定すると横幅の設定がうまくいかない場合の対処方法について
- ( 07 ↑) 【Mac】macOSをHigh SierraからMontereyにアップグレード
- ( 03 – ) 【Mac】横画面で撮影した動画をYouTubeショート用にMacのiMovieで縦画面に編集する方法
- ( 10 ↑) 【iPhone / iPad】iPhoneのツイッターアプリでユーザー名をコピーする方法
- (圏外↑) 【Labs】CSSだけでドロップダウンメニュー
- ( 02 ↓) 【jQuery】入門2. jQueryをHTMLに組み込む
- ( 09 ↑) 【Mac】Safariでソースコードを見る方法
- ( 04 ↓) 【jQuery】入門7. jQueryで新しいWindowを開く
- ( 06 ↓) 【2024年5月】iPad画面解像度まとめ
- (圏外↑) 【GIMP】レイヤーをロック
【Labs】特定のページやディレクトリにパスワードを設定する方法
こんにちは(・∀・)
特定のページやディレクトリにパスワードを設定する方法をご紹介します。
Webサイトにパスワードを設定してアクセス制限を掛ける方法は色々とありますが、今回はBasic認証でパスワードを設定する方法になります。
パスワードの設定方法は.htaccessと.htpasswdの2つのファイルを使用して設定します。既存のHTMLファイルに何か書き込むというようなことはありません。
今回の解説はある程度の知識がある方向けとなっています。Basic認証の設定は過去にやったことあるけど、久しぶりに設定するからどんなんだっけ、というようなときにご利用ください。
特定のページやディレクトリにパスワードを設定する方法
sample
ユーザー名:test
パスワード:test
Basic認証を掛けたいディレクトリに.htaccessファイルを設置します。ルートディレクトリに設置すればサイト全体にBasic認証を設定することになります。既に.htaccessが設置されている場合は次の内容を追記してください。
.htaccess
AuthType Basic
require valid-user
AuthName "認証名"
AuthUserFile ".htpasswdファイルを設置した場所"
書き換えるのは3行目の認証名と4行目の.htpasswdを設置した場所です。ダブルクォーテーションの中を変更してください。ダブルクォーテーションが無いと動作しないサーバもあるのでダブルクォーテーションは記述しておくと良いと思います。
4行目の.htpasswdを設置した場所はフルパスを記述します。わからない場合は次の方法で知ることが出来ます。
.htpasswdを設置したい場所に次の内容を記述したphpファイルをアップロードします。
<?php
echo __FILE__;
?>
そのphpファイル、例えばindex.phpにアクセスすると、そのphpファイルが設置された場所のパスが表示されます。index.phpの部分を.htpasswdに変更すると.htpasswdのフルパスになります。
/home/users/○○○/labs/basic-authentication/index.php
↓
/home/users/○○○/labs/basic-authentication/.htpasswd
.htpasswd
ユーザー名:パスワード
ユーザー名:パスワード
ユーザー名:パスワード
パスワードは「ハッシュ化」したパスワードとなります。パスワードをハッシュ化するにはこちらのWebサイト、基本認証用パスワード暗号化がわかりやすいと思います。パスワードは必要な分だけ作ることが出来ます。
.htpasswdはどこに設置しても機能しますが、Web上で公開されないディレクトリに設置するとセキュリティはアップします。