knowledge ベーシック認証のかけ方
» STARTOUT詳細はこちら

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

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

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

 詳しくはこちら
ここでは「WEB制作×事業づくり実践学習サービス STARTOUT」の学習コンテンツの一部を公開しています。もし1,000以上あるすべてのコンテンツを学び尽くしたい場合、ぜひこちらからご登録ください!

ベーシック認証のかけ方

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

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

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

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

まずこちらから、htpaccess.txtとhtpassword.txtというファイルを一式ダウンロードしてください。

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

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

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

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

<?php
echo __FILE__;
?>

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

上記のように表示されるのではないでしょうか。
このフルパスをコピーして、htaccessに貼り付けます。
最後のsample.phpは「.htpasswd」に変更してください。

ここで一旦、保存してください。

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

ここに書いてあるのは、IDと暗号化されたパスワードです。
コロンを挟んで左がID、右がパスワードになります。
IDはそのまま、自由なIDを記入してください。
パスワードは暗号化して、貼り付ける必要があります。
では、一体どうやってパスワードを暗号化するのでしょうか。

そのためには、こちらのサイトにアクセスしてください。

指定された通り、IDとパスワードを入力して「生成」ボタンを押します。

すると、広告を挟んだすぐ下に、文字列が現れます。
この文字列をコピーしましょう。
コピーしたら、htpasswd.txtに貼り付けます。

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

そして、ファイル名を.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サービスを作り、収益化しながら技術を習得してみましょう!

 詳しくはこちら