[Sy] npm でインストールできる簡易的な Webサーバ「http-server」が手軽で便利

2018/02/09

npm に http-server というモジュールがあることを知ったんですが、ちょっとしたフロントのデモやサンプルを動かしたい時に簡易的な Webサーバとして便利だなーと思いました。 PHP などサーバサイドは必要ない場合や、 Apache / nginx などの設定がわかならい、めんどくさいという方にはおすすめです。

前提

Node.js をインストールしておき、 npm を使える環境が必要です。

Node.js の環境は Mac なら nodebrew 、 Windows なら nodist を使うと便利です。

⇒ [Sy] nodebrewを使ってMac (El Capitan) にNode.jsをインストールして管理する ⇒ [Sy] nodist を使って Windows 10 に複数バージョンの Node.js をインストールする

http-server をインストールする

インストールはこのコマンドひとつでOKです。

$ npm install -g http-server
・
・
・
+ http-server@0.11.1
added 23 packages in 1.555s

http-server を起動する

動かしたいサイトのあるディレクトリへ移動して、 http-server とコマンドを実行します。

$ cd [サイトのディレクトリ]
$ http-server
Starting up http-server, serving ./
Available on:
  http://127.0.0.1:8080
  http://192.168.1.6:8080
Hit CTRL-C to stop the server

これだけです。

ブラウザでサイトを表示

あとは、 http://127.0.0.1:8080 または http://localhost:8080 とブラウザに URL を入れればアクセスできます。