みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

npm start で Expressをつかったスタティックなサーバをたてて、ブラウザを起動する

kimizuka.hatenablog.com

以前、Expressをつかってスタティックなサーバをたてました が、今回はサーバを立てつつ、ブラウザも起動してみます。


ディレクトリ構成

以前とまったく同じものです。

f:id:kimizuka:20161025201947p:plain


app.js

以前とまったくもって同じものです。

var express = require("express"),
    app     = require("express")(),
    http    = require("http").Server(app);
 
app.use("/", express.static(__dirname + "/public"));

http.listen(3000, "0.0.0.0");

package.json

scripts を連結実行するために、npm-run-all を、
ブラウザを起動するために、 opener を追加しています。

{
  "name": "static-server",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "browser": "opener http://localhost:3000",
    "main": "node app.js",
    "start": "npm-run-all -p main browser"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "express": "^4.14.0",
    "http": "0.0.0",
    "npm-run-all": "^3.1.1",
    "opener": "^1.4.2"
  }
}
npm main

でサーバの立ち上げ、

npm run browser

でブラウザの起動ができ、

npm start

で上記を連続で実行します。