» BASE91詳細はこちら

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳しくはこちら

ベーシック認証のかけ方

知識と経験|2019年01月26日

2019年01月26日
  • このエントリーをはてなブックマークに追加

ベーシック認証とは、ドメインにパスワードをかけられる仕組みです。
URLにアクセスすると、IDとパスワードを求められます。
こうした仕組みも簡単に作ることができるんですね。

まず、ベーシック認証をかけるには2つのファイルが必要です。
.htaccessと.htpasswdです。
この2つのファイルを設定し、アップロードすることで、パスワードがかけられます。
では、実際の流れを順番にご説明させていただきます。

手っ取り早いのが、ベーシック認証を作ってくれるサイトを使うことです。
非常に昔からあるサイトでこちらのサイトがあります。

サイトにアクセスしたら、中盤にあるダウンロードボタンを押してください。
すると、htaccess.txtとhtpasswd.txtがダウンロードできます。

ダウンロードしたら、まず、htaccessファイルを開きましょう。

ここで書き換える必要があるのは「フルパス/」の部分です。
フルパスとは、サーバーの根本から見たファイルの位置のことを意味します。
ただ、フルパスはどうやって確認すれば良いのでしょうか。

それには、フルパスを調べるソースコードがあります。

<?php
echo __FILE__;
?>

このソースコードをphpファイルに書き込んでください。
そして、サーバーにアップし、直接アクセスしてみます。
するとフルパスが表示されるはずです。

上記のように表示されるのではないでしょうか。
このフルパスをコピーして、htaccessに貼り付けます。

上記のように編集されます。
ここで一旦、保存してください。

次に、htpasswdを開きましょう。

ここに書いてあるのは、IDと暗号化されたパスワードです。
IDとパスワードを生成して、貼り付ける必要があります。
では、一体どうやってIDとパスワードを生成するのでしょうか。

そのためには、一旦WEBサイトに戻りましょう。
そして、画面中腹のパスワード暗号化入力欄を見てください。

こちらにIDとパスワードを入力して、暗号の作成ボタンを押します。

そして、作られたソースをコピーしましょう。
コピーしたら、htpasswdに貼り付けます。

あとは、htaccessとhtpasswdをアップロードしてください。

そして、ファイル名を.htaccessと.htpasswdに変更します。

これで、ベーシック認証の設定は完了です。
では、さっそくアクセスしてみましょう。

このようにIDとパスワードを求められるようになりました。
正しいIDとパスワードを入力すれば、WEBサイトが見られるようになります。

これで、外部からテスト環境にアクセスされることはなくなりました。

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳細はこちら
  • このエントリーをはてなブックマークに追加

ウエヤマ ショウタ

BASE.91とWORKROOM@セブ立ちあげました。誰もが「独学」でプロになれる仕組みを作る。現役WEBデザイナーでエンジニア。起業好き。IT留学事業を売却後、シリコンバレーで起業を学び、起業家&クリエイター育成活動開始。経験をシェアしてます。独学で収益化したスキル : デザイン、プログラミング、起業、マーケ、英語

ウエヤマ ショウタ

BASE.91とWORKROOM@セブ立ちあげました。誰もが「独学」でプロになれる仕組みを作る。現役WEBデザイナーでエンジニア。起業好き。IT留学事業を売却後、シリコンバレーで起業を学び、起業家&クリエイター育成活動開始。経験をシェアしてます。独学で収益化したスキル : デザイン、プログラミング、起業、マーケ、英語

WEBサービスづくり学習「STARTOUT」はじめました!

自分の「WEBサービス」を作りながら「制作技術」を習得しよう!

STARTOUTとは、WEB制作×サービス作りのオンライン実践学習サービスです。ゼロからWEBサービスを作り、収益化しながら技術を習得してみましょう!

 詳しくはこちら