Node.jsのフレームワークExpressを動かす

スポンサーリンク

はじめに

node.jsのフレームワークの1つExpressを動かすためのまとめです。

環境

OS Windows 7 Pro 64bit
その他 node.js v6.9.4
npm 3.10.10

expressでHello World

express公式にあるHello Worldの例を動かします。

package.jsonの作成

作業フォルダに移動し以下のコマンドを入力してpackage.jsonを作成します。内容は適当でOKです。

> npm init

今回package.jsonファイルの内容は以下のようになりました。

{
  "name": "express_test",
  "version": "1.0.0",
  "description": "express test.",
  "main": "index.js",
  "scripts": {
    "test": "test"
  },
  "author": "",
  "license": "ISC",
}

expressのインストール

以下のコマンドを入力してexpressをインストールします。

> npm install --save express

package.jsonにexpressが追加されます。

  {
    "name": "express_test",
    "version": "1.0.0",
    "description": "express test.",
    "main": "index.js",
    "scripts": {
      "test": "test"
    },
    "author": "",
    "license": "ISC",
+   "dependencies": {
+     "express": "^4.14.1"
+   }
}

Hello Worldの表示

作業ディレクトリにapp.jsというファイルを作成し以下の内容を書き込みます。

var express = require('express');
var app = express();

app.get('/', function (req, res) {
  res.send('Hello World!');
});

app.listen(3000, function () {
  console.log('Example app listening on port 3000!');
});

端末に以下のコマンドを入力してアプリケーションを実行します。

> node app.js

ブラウザを開き http://localhost:3000/ にアクセスして Hello World! と表示されれば成功です。

express generatorを利用する

アプリケーションのスケルトンを生成するためのツールであるexpress generatorを利用してアプリケーションの雛形を作成します。

express generatorのインストール

以下のコマンドを入力してexpress generatorをインストールします。

> npm install --g express-generator

スケルトンの作成

作業フォルダに移動して以下のコマンドを実行しアプリケーションのスケルトンを作成します。

> express myapp

   create : myapp
   create : myapp/package.json
   create : myapp/app.js
   create : myapp/public/javascripts
   create : myapp/routes
   create : myapp/routes/index.js
   create : myapp/routes/users.js
   create : myapp/views
   create : myapp/views/index.jade
   create : myapp/views/layout.jade
   create : myapp/views/error.jade
   create : myapp/public
   create : myapp/public/images
   create : myapp/public/stylesheets
   create : myapp/public/stylesheets/style.css
   create : myapp/bin
   create : myapp/bin/www

以下のようなアプリケーションのスケルトンが作成されます。

myapp
  ┣ bin
  ┃   ┗ www
  ┣ public
  ┃   ┣ images
  ┃   ┣ javascripts
  ┃   ┗ stylesheets
  ┃        ┗ style.css
  ┣ routes
  ┃   ┣ index.js
  ┃   ┗ users.js
  ┣ views
  ┃   ┣ error.jade
  ┃   ┣ index.jade
  ┃   ┗ layout.jade
  ┣ app.js
  ┗ package.json

依存関係のモジュールのインストール

作成されたアプリケーションのフォルダに移動し以下のコマンドを入力してモジュールをインストールします。

myapp> npm install

実行

端末に以下のコマンドを入力しアプリケーションを実行します。

myapp> npm start

ブラウザを開き http://localhost:3000/ にアクセスしてExpressの画面が表示されれば成功です。

スポンサーリンク

シェアする

  • このエントリーをはてなブックマークに追加

フォローする