ローカルWebサーバーのセットアップ方法（Windows、Mac、Linux）

Webサイトを開発する場合、Webデザイナーは、エンドユーザーと同じように自分のWebページを表示できる必要があります。 HTMLファイルをクリックしてWebブラウザで表示するだけで十分な場合もありますが、動的コンテンツをテストする場合は、ローカルWebサーバーを設定する必要があります。これを行うのは非常に簡単で、Windows、macOS、およびLinuxで簡単に実行できます。利用できるWebサーバーにはさまざまな種類がありますが、このチュートリアルではApacheを使用しています。これは、Apacheが最も一般的なサーバーであり、セットアップが非常に簡単で、すべての主要なオペレーティングシステムと互換性があるためです。

Linuxでローカルウェブサーバーを設定する

Apacheは、Unixライクなオペレーティングシステム用に設計されました。 Linuxはこのカテゴリに分類され、ApacheWebサーバーのインストールと構成は1つのステップで実行できます。

ここでは、コマンドラインを扱います。最も人気のあるディストリビューションでは、1つの簡単なコマンドを使用してソースからコンパイルせずにApacheをインストールできます。

Debian、Ubuntu、およびUbuntuベースのディストリビューションの場合：

sudo apt install apache2

RedHatおよびCentOSの場合

sudo dnf install httpd

インストールしたら、Webブラウザで「127.0.0.1」または「localhost」に移動します。 「動作します！」と表示された場合これは、Apacheのインストールが成功したことを意味します。

Apacheがこの特定のWebページをどのように提供しているかをよりよく理解するために、それを編集してみましょう。これを行うには、LinuxローカルマシンのルートWebディレクトリに移動します。

cd /var/www/html

お気に入りのテキストエディタでルートとして「index.html」を開きます。

「ItWorks！」を検索してくださいテキストを「MakeTechEasier！」のようなランダムなものに変更します。 （実際には何でもかまいません。）必ずファイルを保存してください。

次に、127.0.0.1のWebページを更新します。 「MakeTechEasier！」が表示されます。ここで「それは機能します！」以前はでした。

簡単なWebサーバーをセットアップしたので、「apache2.conf」の構成設定を試すことができます。

sudo nano /etc/apache2/apache2.conf

注 ：構成を変更するたびに、適用するにはApacheを再起動する必要があることに注意してください。

sudo systemctl restart apache2

これが機能しない場合は、upstartファイルを直接実行して再起動できます。

sudo /etc/init.d/apache2 restart

macOSでローカルウェブサーバーを設定する

macOSの良いところは、Apacheがデフォルトでインストールされていることです。オンにするだけです。

Finderで、[アプリケーション]-> [ユーティリティ]に移動し、[ターミナル]をダブルクリックして開きます。

すでにプリインストールされているApacheWebサーバーをオンにするには、次のコマンドを実行します。

sudo apachectl start

Webサーバーが実行されていることをテストするには、Webブラウザで「127.0.0.1」または「localhost」に移動します。

Linuxの場合と同じように、ドキュメントルートに移動するだけで、Webページのコンテンツを変更できます。異なるのはパスの場所だけです。

cd /Library/WebServer/Documents/

次に、お気に入りのテキストエディタを使用して「index.html.en」ファイルを編集します。 「動作します！」を変更します「HelloWorld！」へ

sudo nano index.html.en

127.0.0.1でホストされているWebページを更新すると、変更が反映されていることがわかります。

macOSでApacheWebサーバーをさらに構成するには、「httpd.conf」ファイルに移動します。

sudo nano /etc/apache2/httpd.conf

Linuxと同様に、apachectlを使用してApacheサービスを簡単に再起動できます。 root権限を持つコマンド。

sudo apachectl restart

Windowsでローカルウェブサーバーを設定する

LinuxやmacOSとは異なり、WindowsはUnixベースではないため、インストールするためのワンライナーはありません。幸い、Apache、MySQL、PHPなどをバンドルして私たちの生活を楽にするインストールウィザードがいくつかあります。そのうちの1つはXAMPPです。

注 ：XAMPPはLinuxとMacOSXでも利用できます。

Windows版のXAMPPをダウンロードして、インストールを開始します。プロンプトが表示されたら、インストーラーを実行します。必要なのがWebサーバーだけの場合は、Apacheのみを選択できます。ただし、データベースの使用を計画している場合は、MySQLも選択することをお勧めします。

インストールを続行し、完了したら[完了]をクリックします。デフォルトでは、XAMPPコントロールパネルが起動します。

必要に応じて、ApacheとMySQLの[開始]をクリックします。

Webブラウザで「127.0.0.1」または「localhost」に移動すると、XAMPP構成ページが表示されます。

新しいWebページを作成する場合、手順は同じです。メモ帳を開き、サンプルHTMLファイルを作成します。 「hello.html」という名前を付けます。

「c：\ xampp \htdocs\」にあるドキュメントルートに保存します。

127.0.0.1 / hello.htmlに移動して、Webブラウザを使用してそこに移動します。作成したウェブページが表示されます。

注： WampServerは、WindowsにApacheをインストールするためのもう1つの確実なオプションです。

結論

Apacheは、単純なWebサイトと複雑なWebサイトの両方を構築するための優れたソリューションですが、それが唯一の選択肢ではありません。 Apacheは3つのプラットフォームすべてにうまく統合されていますが、IISはApacheではサポートされていない多くのWindows認証機能をサポートしているため、Windowsのオプションとして検討することをお勧めします。ただし、Webサイトの基本機能をテストするだけの場合は、Apacheが最適です。