npm 簡単にwebサーバーを構築する

  • 作成日 2022.09.28
  • npm
npm 簡単にwebサーバーを構築する

nodeのパッケージ管理ツールnpmを使用して、簡単にwebサーバーを構築する手順を記述してます。

環境

  • OS windows11 pro 64bit
  • ブラウザ chrome 101.0.4951.54

http-serverのインストール

WEBサーバーを利用したいフォルダで「npm」で「http-server」をインストールするだけで、webサーバーを立てることが可能です。

> npm install -g http-server

npmのインストールは以下

実行

実行は、以下のコマンドで可能です。後はブラウザから「http://IPアドレス:8080」にアクセスするだけとなります。

ポートは変わりますが、複数個サーバーを立ち上げることも可能です。

> http-server

Starting up http-server, serving ./

http-server version: 14.1.0    

http-server settings: 
CORS: disabled
Cache: 3600 seconds
Connection Timeout: 120 seconds
Directory Listings: visible
AutoIndex: visible
Serve GZIP Files: false
Serve Brotli Files: false
Default File Extension: none

Available on:
  http://10.10.10.11:8080
  http://127.0.0.1:8080
Hit CTRL-C to stop the server

停止するには「CTRL + C」で可能です。