Windows10で仮想ホストを構成する方法

公開: 2021-02-22
@Cloudwaysをフォローする

多くの開発者はローカル環境でWeb開発を開始し、作業が完了すると、サイトをライブ環境に移行します。 ローカルセットアップは、新しい手法を実験するための柔軟な開発環境を提供します。最も重要なことは、プロジェクトコードの管理が簡単なことです。 WordPressを使用している場合、仮想ホストとXAMPPスタックの設定は簡単な作業です。

XAMPPスタックは、デスクトップ/ Macから直接WordPressサイトをインストールして実行できるローカルプラットフォームを提供します。 スタックは実際のWebサーバーと同じコンポーネントをサポートし、プロジェクトを稼働させるときに、データベースとWebサイト全体を手間をかけずに簡単に移動できるようにします。

このチュートリアルでは、Windows10でXAMPPを実行しているWordPressWebサイトの仮想ホストをセットアップおよび構成する方法を示します。Windows10にXAMPPとWordPressが既にインストールされていることを前提としています。 XAMPPで新しいWordPressサイトを作成する際に、XAMPPでのWordPressサイトのインストールと実行の詳細を説明する詳細なガイドを作成しました。

  • 仮想ホストとは何ですか?
  • 仮想ホストを作成する
  • WordPressサイトのURLを構成する

仮想ホストとは何ですか?

仮想ホストは、単一のサーバーで複数のドメイン名をホストするために使用されます。 これは、異なるWebサイトが目的のプロジェクトで同じサーバーとユーティリティを共有することを意味します。 ライブ環境で仮想ホストの概念を使用する場合、多くの利点があり、さまざまな大規模企業が同じ原則に従って、顧客に低コストのWebホスティングを提供します。 最良の例は共有ホスティングです。

仮想ホストには3つのタイプがあります。 名前、IP、およびポートベース。

名前ベースでは、同じサーバーIP上で複数のWebサイトをホストできます。

IPベースでは、各Webサイトは一意のIPアドレスを使用します。

ポートベースでは、さまざまなWebサイトが共通のIPアドレスでホストされますが、一意のポート番号に基づいて区別されます。

仮想ホストを作成する

この記事では、さまざまなWordPressプロジェクトを回避するために、ローカル環境で仮想ホストを作成しています。

それでは、始めましょう!

まず、 D:\ xampp \ apache \ conf \ extraまたはXAMPPファイルが配置されている場所に移動する必要があります。 私の場合、XAMPPファイルはドライブDにあります。

xampp仮想ホストファイルの場所

次に、任意のテキストエディタでhttpd-vhosts.confを編集します。 私の場合、Notepad ++を使用しています。

httpdvhostsファイルを編集する

ファイルは次のようになります。

httpd vhostconfファイル

ここで、ファイルのテキスト/コードの最後に次のコードを貼り付けます。

 <VirtualHost *:80>

DocumentRoot "D:\ xampp \ htdocs \ tests"

ServerName farhan.cw

<ディレクトリ "D:\ xampp \ htdocs \ tests">

</ディレクトリ>

</ VirtualHost>

上記のコードでは:

  • VirtualHost:ほとんどのWebサーバーは、デフォルトのポートとしてポート80を使用します。 ただし、ポートを8080、8081などに変更できます。
  • DocumentRoot:サイトのファイルが存在するフォルダー。 この場合、フォルダ名は「testing」です。
  • ServerName :仮想ホストのURLです。
  • ディレクトリ:仮想ホストのディレクトリです。

次に、 [Windows]> [検索]> [実行]に移動して、次の行を貼り付けます。

 C:\ Windows \ System32 \ drivers \ etc \ hosts 

ホストファイルの場所のウィンドウ10

次に、テキストエディタでHostファイルを開き、Hostファイルに次の行を追加します。

 127.0.0.1 farhan.cw 

Windows10でホストファイルを編集する

完了したら、XAMPPコントロールパネルからApacheとMySQLを再起動し、ブラウザでhttp://localhost/testingが開くかどうかを確認する必要があります。

Apacheを再起動します

ドメインが正常に変更され、以前のURL(http:// localhost / tests)に対して500内部サーバーエラーが表示されていることがわかります。

URLを確認しています

次に、WordPressのサイトURLを変更する必要があるため、データベースにアクセスする必要があります。

WordPressサイトのURLを構成する

この時点で、WordPressWebサイトがセットアップされていることを前提としています。

次に、データベースのURLを変更します(仮想ホストを構成するための非常に重要な手順)。

これを行うには、ブラウザを開いてhttp:// localhost / phpmyadmin /にアクセスし、データベースを選択します。 私の場合、それは「テスト」です。

次に、wp_optionsを開き、[サイトのURLをhttp:// localhost / tests /からhttp://farhan.cwに、ホームのURLをhttp:// localhost / testsからhttp://farhan.cwに編集]をクリックします。

WordPressサイトのURLを変更する

Apacheを再起動し、仮想ホストのURL(この場合は「 farhan.cw 」)にアクセスして、ドメインが正常にセットアップされているかどうかを確認します。

Apacheを再起動します

WordPress Webサイトの仮想ホストのセットアップが完了したので、最終結果は次のようになります。

xampp仮想ホスト

最後の言葉

それでおしまい! Windows 10で実行されているXAMPPを使用してWordPress用の仮想ホストを設定する明確なアイデアがあることを願っています。質問や提案がある場合は、以下のコメントセクションでお気軽にお問い合わせください。

Q. XAMPPの仮想ホストとは何ですか?

XAMPPでは、仮想ホストはローカルホストに付けられた名前であり、開発者はリンク切れなどの問題を発生させることなくアセットに簡単にアクセスできます。 XAMPPインストールには、複数の仮想ホストを含​​めることができます。

Q. XAMPP Windows 10に複数の仮想ホストを追加するにはどうすればよいですか?

XAMPP for Windows 10に複数の仮想ホストを追加することは、4つのステップのプロセスです。

1.htdocsフォルダーに仮想ホスト用の個別のフォルダーを作成します。
2. httpd-vhosts.confを編集して、各仮想ホストに関する情報(ホスト名、ドキュメントルート、サーバー名など)を含めます。
3.ホストファイルを編集して、IPアドレス(通常は127.0.0.1)と仮想ホストの名前を含めます。
4. XAMPPを再起動し、各仮想ホストにアクセスして、プロセスの成功をテストします。

Q. XAMPPでドメイン名をlocalhostから変更するにはどうすればよいですか?

ドメイン名をlocalhostから変更するには、最初にローカルホストファイルを編集して、新しいドメイン名とlocalhostのIPアドレス(127.0.0.1)を含める必要があります。 次に、httpd-vhosts.confファイルを編集して、新しいドメイン情報(ホスト名、ドキュメントルート、サーバー名)を含めます。 最後に、XAMPPを再起動してから、ブラウザで新しいドメインにアクセスします。

Q.仮想ホストはどのように機能しますか?

仮想ホストは、ライブサーバーの機能をエミュレートし、同様のディレクトリ構造とデータベース接続を提供します。 ローカル開発マシンに複数の仮想ホストを配置し、それぞれが異なるWebサイト(またはWebサイトのバージョン)をホストすることができます。 必要に応じて、仮想ホストをライブドメインに接続して、プロジェクトの機能をさらにテストすることもできます。