ローカルWebサーバーの構築方法をOS別に解説（Windows・macOS・Linux対応）

Webサイトを開発する際、Webデザイナーはエンドユーザーと同じ形で自分のWebページを確認できる必要があります。HTMLファイルをブラウザで直接開いて表示するだけでも十分な場合もありますが、動的コンテンツをテストしたい場合は、ローカルWebサーバーのセットアップが必要です。この作業は非常に簡単で、Windows、macOS、Linuxのいずれの環境でも手軽に実現できます。

Webサーバーにはさまざまな種類がありますが、本チュートリアルではApacheを使用します。Apacheは最も広く使われているサーバーソフトウェアで、セットアップが非常に簡単であり、主要なすべてのオペレーティングシステムと互換性があるためです。

LinuxにローカルWebサーバーを構築する

ApacheはUnix系オペレーティングシステム向けに設計されており、Linuxもそのカテゴリに含まれます。そのため、Apache Webサーバーのインストールと設定は、コマンド1つで完了します。

ここではコマンドラインを使用します。主要なディストリビューションのほとんどでは、ソースからコンパイルすることなく、シンプルなコマンド1つでApacheをインストールできます。

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

sudo apt install apache2

Red HatやCentOSの場合：

sudo dnf install httpd

インストールが完了したら、Webブラウザで「127.0.0.1」または「localhost」にアクセスしてください。「It Works!」と表示されれば、Apacheのインストールは成功です。

Apacheがどのようにこのページを配信しているのかを理解するために、実際にページを編集してみましょう。まず、LinuxマシンのWebルートディレクトリへ移動します。

cd /var/www/html

お好みのテキストエディタで「index.html」をroot権限で開きます。

「It Works!」という文字列を検索し、任意のテキスト（例：「Make Tech Easier!」など何でも構いません）に書き換えて、必ずファイルを保存してください。

その後、127.0.0.1のページを再読み込みすると、先ほどの「It Works!」が新しいテキストに置き換わっているのが確認できます。

これで簡単なWebサーバーの構築は完了です。次に、「apache2.conf」ファイルで設定をいろいろと試してみましょう。

sudo nano /etc/apache2/apache2.conf

注意： 設定を変更するたびに、変更を反映させるにはApacheの再起動が必要です。

sudo systemctl restart apache2

このコマンドでうまくいかない場合は、Upstartファイルを直接実行して再起動することもできます。

sudo /etc/init.d/apache2 restart

macOSにローカルWebサーバーを構築する

macOSの利点は、Apacheがデフォルトでインストールされていることです。必要な作業は、それを有効化するだけです。

Finderで「アプリケーション → ユーティリティ」と進み、「ターミナル」をダブルクリックして起動します。

プリインストール済みのApache Webサーバーを起動するには、以下のコマンドを実行します。

sudo apachectl start

Webサーバーが正常に稼働しているか確認するには、ブラウザで「127.0.0.1」または「localhost」にアクセスします。

Webページの内容は、Linuxの場合と同じ要領でドキュメントルートに移動すれば編集できます。異なるのはパスの場所だけです。

cd /Library/WebServer/Documents/

お好みのテキストエディタで「index.html.en」ファイルを編集し、「It works!」を「Hello World!」などに変更しましょう。

sudo nano index.html.en

127.0.0.1でホストしているページを再読み込みすると、変更内容が反映されていることがわかります。

macOS上のApacheをさらに詳細に設定したい場合は、「httpd.conf」ファイルを編集します。

sudo nano /etc/apache2/httpd.conf

Linuxと同様に、apachectlコマンドをroot権限で実行すれば、Apacheサービスを簡単に再起動できます。

sudo apachectl restart

WindowsにローカルWebサーバーを構築する

LinuxやmacOSとは異なり、WindowsはUnixベースではないため、ワンライナーコマンドでのインストールはできません。幸いにも、Apache、MySQL、PHPなどをまとめてインストールできるウィザード形式のツールがいくつか存在し、作業を大幅に簡略化できます。その代表格がXAMPPです。

注意： XAMPPはLinuxやMac OS X版も提供されています。

XAMPPのWindows版をダウンロードし、インストールを開始します。指示に従ってインストーラーを実行してください。Webサーバーだけが必要な場合はApacheのみを選択できますが、データベースも使用する予定があるなら、MySQLも一緒に選択しておくとよいでしょう。

インストールを進め、完了したら「完了」をクリックします。デフォルト設定では、XAMPPのコントロールパネルが自動的に起動します。

Apacheの「開始」ボタンをクリックします。データベースが必要な場合はMySQLも同様に起動してください。

ブラウザで「127.0.0.1」または「localhost」にアクセスすると、XAMPPの設定ページが表示されるはずです。

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

ドキュメントルートである「c:\xampp\htdocs\」フォルダにファイルを保存します。

ブラウザで「127.0.0.1/hello.html」にアクセスすると、作成したWebページが表示されます。

注意： WindowsにApacheをインストールする方法としては、WampServerも有力な選択肢です。

まとめ

Apacheは、シンプルなサイトから複雑なサイトまで幅広く対応できる優れたソリューションですが、唯一の選択肢ではありません。Apacheは3つのプラットフォームすべてで良好に動作しますが、Windows環境ではIISも検討する価値があります。IISは、Apacheがサポートしていない多くのWindows認証機能に対応しています。ただし、Webサイトの基本機能をテストするだけであれば、Apacheで十分と言えるでしょう。