はじめに

ローカルにあるHtmlファイルを勉強や簡単なテストをしたいため、直接にウェブブラウザーで開いてみたことがあるかも思います。

ローカルファイルを直接に開いても、ほとんどの場合は問題なく確認できると思いますが、色んな理由でローカルファイルの実行ができない場合があります。

そのような問題を回避してローカルファイルを実行したい場合、ローカルでウェブサーバーを実行すれば、ローカルファイルのテストができます。

ローカルウェブサーバーを簡単に実行することは、Pythonのhttp.serverモジュールを使うことが簡単だと思います。

今回は、Pythonを用いたローカルウェブサーバーの実行を紹介してみたいと思います。

ローカルウェブサーバーの実行

1. Pythonインストール

Pythonホームページ(https://www.python.org/)でPythonをダウンロードし、インストールします。
Pythonがインストールされているかを確認するためには、コマンドプロンプト(Command Prompt)またはターミナル(Terminal)に次のコマンドを入力します。

python -V
# または
python --version

2. ディレクトリに移動

コマンドプロンプト(Command Prompt)/ターミナル(Terminal)でcdコマンドを使用して、実行したいファイルがあるディレクトリに移動します。

3. ローカルウェブサーバー実行

移動したディレクトリでローカルウェブサーバーを実行します。
Pythonバージョンが3.xの場合は次のコマンドを入力します。

Python3

# python -m http.server (ポート番号)
# ポート番号は省略可能
python -m http.server
# または
python -m http.server 8000

もし、Pythonバージョンが2.xの場合は次のコマンドを入力します。

Python2

# python -m SimpleHTTPServer (ポート番号)
# ポート番号は省略可能
python -m SimpleHTTPServer
# または
python -m SimpleHTTPServer 8000

デフォルト設定のポート番号は8000でありますが、すでに8000番ポートで何かが動いている場合には、別のポート番号を選択して起動することができます。

4. ウェブブラウザーで実行

ウェブブラウザーからhttp://localhost:8000でアクセスできます。

ポート番号を変更した場合、例えば、ポート番号を8888に変更してサーバーを実行した場合には、http://localhost:8888でアクセスすることができます。

参考

MDN Web Docs : How do you set up a local testing server?