Web制作 サーバー

エックスサーバーでアクセス制限するベーシック認証(Basic認証)の設定方法

エックスサーバーでアクセス制限するベーシック認証(Basic認証)の設定方法
テストサーバーにアップしたサイトにアクセス制限をかけたいけどどうやるの?

Web制作では納品前にテストサーバーにアップしてから問題なければ本番サーバーにアップして納品、という流れが多いかと思います。

今回はテストサーバーにアップしたサイトの公開前の段階で、まだ見られないようにしたい時に設定するアクセス制限の設定方法について解説していきます。

作業は主にエックスサーバーの管理画面で行っていきます。

効率よくコーディングしたい人はこちら

エックスサーバーでアクセス制限するベーシック認証の設定方法

今回は使用するサーバーはエックスサーバーなので、設定はエックスサーバーのサーバーパネルで行います。

手順は以下になります。

  1. FTPソフトを使ってテストサーバー用のフォルダを作成
  2. サーバーパネルのアクセス制限からユーザー名とパスワードを設定

設定方法の解説をする前にテストサーバーについて簡単に解説しておきます。

 

テストサーバーとは?

まずテストサーバーについて簡単に説明しておきます。

テストサーバーとはインターネット上にサイトを公開する前に、動作などをテストする為に使用する検証用のサーバーの事です。

つまり公開用の本番サーバーとは別のサーバーになります。

そして本番サーバーはクライアント側となりますが、テストサーバーは制作側(自分)が用意する事も多いと思います。

 

テストサーバーとローカル環境の違い

WordPressの場合などはローカル環境を使って制作すると思います。

ローカル環境ではMAMPやLocal(旧Local by Flywheel)などを使って自分のパソコンの中でだけ見れるようにします。

制作段階ではローカル環境で問題ありませんが、自分のパソコンの中でしか見れないのではクライアントに確認してもらう事が出来ません。

なので制作側で用意したテストサーバーにアップすればクライアントに確認して貰う事が出来ます。

 

ベーシック認証(Basic認証)の設定方法

今回解説するのはエックスサーバーでの設定方法になります。

まずはFTPソフトを使ってファイルをアップロードするフォルダを作成します。

 

上の画像では「○○.xsrv.jp → public_html → test」という感じでtestというフォルダを作りました。

FTPソフトの使い方は以下の記事を参照ください。

WindowsとMac両方使えるFTPソフト「FileZilla」のインストールと接続方法

 

私の場合、テストサーバーに使うドメインはエックスサーバーの初期ドメインである「○○.xsrv.jp」を使っています。

まずはエックスサーバーのサーバーパネルを開いて下さい。

そしてホームページ→アクセス制限を選択。

するとドメイン選択画面になるので、「○○.xsrv.jp」を選択します。

そして先ほど作成したフォルダのユーザー設定をクリックし、ユーザー名とパスワードを設定します。

既にアクセス制限がONになっているフォルダは、フォルダのアイコンに赤い鍵マークが付いていますね。

こちらの画面でユーザーIDとパスワードを設定します。

ローカル環境の場合は自分しか見れないので簡単なパスワードでもいいと思いますが、テストサーバーは実際にインターネット上に公開されるものなのでなるべく複雑なものにしましょう。

私は以下のページで取得しています。

パスワード生成(パスワード作成)ツール

 

そして「確認画面へ進む→追加する」で設定完了です。

その次はフォルダ一覧に戻るをクリックすると先ほどのアクセス制限設定の画面になるので、アクセス制限をONにします。

ここまでやれば全て完了です。

これで該当のURLにアクセスしようとするとユーザー名とパスワードを求められます。

またアクセス制限設定から、設定したユーザー名やパスワードを削除する事が出来ます。

以上になります。


WordPress案件の単価と作業効率を上げる!

Brainランキング1位獲得 & 3日で500部突破

クチコミ約300件
(平均スコア

今だけ!5つの無料特典あり🎁

👇画像をクリック

  • この記事を書いた人

じゅんぺい

タイ・バンコク在住のWeb制作フリーランス兼ブロガー▶︎37歳からWeb制作を開始▶︎コーディングとWordPressのオリジナルテーマ制作でこれまで80件以上納品▶︎Web制作中心の当ブログは月7万PV▶︎コーディングとWordPressのコンテンツを販売し、3日で500部突破&250万円&人気1位獲得。

-Web制作, サーバー
-