Node.js Express アプリケーションの Elastic Beanstalk へのデプロイ

eb init コマンドを使用してリポジトリを作成します。

~/nodejs-example-express-rds$ eb init --platform node.js --region <region>

このコマンドは、.elasticbeanstalk という名前のフォルダに、アプリケーションの環境作成用の設定ファイルを作成し、現在のフォルダに基づいた名前で Elastic Beanstalk アプリケーションを作成します。

eb create コマンドを使用して、サンプルアプリケーションを実行する環境を作成します。

~/nodejs-example-express-rds$ eb create --sample nodejs-example-express-rds

このコマンドは、Node.js プラットフォームと以下のリソース用にデフォルト設定でロードバランスされた環境を作成します。

環境の作成が完了したら、eb open コマンドを使用して、デフォルトのブラウザでその環境の URL を開きます。

~/nodejs-example-express-rds$ eb open

express コマンドを実行します。これによって、package.json と app.js、およびいくつかのディレクトリが生成されます。

~/nodejs-example-express-rds$ express

プロンプトが表示されたら、続行するには y と入力します。

ローカルの依存関係を設定します。

~/nodejs-example-express-rds$ npm install

(オプション) ウェブアプリサーバーが起動することを確認します。

~/nodejs-example-express-rds$ npm start

次のような出力が表示されます:

> nodejs@0.0.0 start /home/local/user/node-express
> node ./bin/www

サーバーは、デフォルトでポート 3000 で実行されます。テストするには、別のターミナルで curl http://localhost:3000 を実行するか、ローカルコンピュータでブラウザを開いて URL アドレス http://localhost:3000 を入力します。

サーバーを停止するには、[Ctrl+C] を押します。

eb deploy コマンドを使用して変更を Elastic Beanstalk 環境にデプロイします。

~/nodejs-example-express-rds$ eb deploy

環境が緑色で示されていて準備完了したら、URL を再表示して正しく動作することを確認します。ウェブ・ページに "[Welcome to Express]" が表示されます。

次の内容を含む 2 つ目の設定ファイルを .ebextensions フォルダに追加します。

nodejs-example-express-rds/.ebextensions/staticfiles.config

option_settings:
    aws:elasticbeanstalk:environment:proxy:staticfiles:
        /stylesheets: public/stylesheets

この設定では、プロキシサーバーに public フォルダのファイルを、アプリケーションの /public のパスで提供するように設定します。プロキシサーバーから静的にファイルを提供すると、アプリケーションへのロードを減らすことができます。詳細については、この章の前半の「静的ファイル」を参照してください。

(オプション) 静的マッピングが正しく設定されていることを確認するには、nodejs-example-express-rds/app.js の静的マッピング設定をコメントアウトします。これにより、ノードアプリケーションからマッピングが削除されます。

//  app.use(express.static(path.join(__dirname, 'public'))); 

この行をコメントアウトした後でも、前のステップの staticfiles.config ファイル内の静的ファイルマッピングは、スタイルシートを引き続き正常にロードするはずです。静的ファイルマッピングが Express アプリケーションではなくプロキシ静的ファイル設定を通じてロードされていることを確認するには、option_settings: の後の値を削除します。静的ファイル設定とノードアプリケーションの両方からその値が削除されると、スタイルシートはロードできなくなります。

テストが完了したら、nodejs-example-express-rds/app.js と staticfiles.config の両方の内容を忘れずにリセットしてください。

nodejs-example-express-rds/routes/hike.js を追加する。次の内容を入力します。

exports.index = function(req, res) {
 res.render('hike', {title: 'My Hiking Log'});
};

exports.add_hike = function(req, res) {
};

nodejs-example-express-rds/app.js を更新して新しく 3 つの行を含めます。

まず、次の行を追加して、このルートに require を追加します。

var hike = require('./routes/hike');

ファイルは次のスニペットのようになります。

var express = require('express');
var path = require('path');
var hike = require('./routes/hike');

その後、次の 2 つの行を nodejs-example-express-rds/app.js の var app = express(); の後に追加します。

app.get('/hikes', hike.index);
app.post('/add_hike', hike.add_hike);

ファイルは次のスニペットのようになります。

var app = express();
app.get('/hikes', hike.index);
app.post('/add_hike', hike.add_hike);

nodejs-example-express-rds/views/index.jade を nodejs-example-express-rds/views/hike.jade にコピーします。

~/nodejs-example-express-rds$ cp views/index.jade views/hike.jade

eb deploy コマンドを使用して変更をデプロイします。

~/nodejs-example-express-rds$ eb deploy

数分後、環境が更新されます。環境が緑色で示されていて準備が完了したら、ブラウザを再表示し、URL の最後に hikes を追加して (http://node-express-env-syypntcz2q.elasticbeanstalk.com/hikes など)、正しく動作することを確認します。

タイトルが [My Hiking ログ] のウェブ・ページが表示されます。

Elastic Beanstalk 環境に結合された RDS for MySQL データベースを作成するには、この章で後述する「データベースの追加」トピックの手順に従ってください。データベースインスタンスの追加には約 10 分かかります。

package.json の依存関係セクションを次の内容で更新します。

"dependencies": {
    "async": "^3.2.4",
    "express": "4.18.2",
    "jade": "1.11.0",
    "mysql": "2.18.1",
    "node-uuid": "^1.4.8",
    "body-parser": "^1.20.1",
    "method-override": "^3.0.0",
    "morgan": "^1.10.0",
    "errorhandler": "^1.5.1"
  }

npm install を実行します。

~/nodejs-example-express-rds$ npm install

app.js を更新してデータベースに接続し、テーブルを作成し、単一のデフォルトのハイキングログを挿入します。このアプリがデプロイされるたびに、前の hikes テーブルが削除され、再作成されます。

/**
 * Module dependencies.
 */

 const express = require('express')
 , routes = require('./routes')
 , hike = require('./routes/hike')
 , http = require('http')
 , path = require('path')
 , mysql = require('mysql')
 , async = require('async')
 , bodyParser = require('body-parser')
 , methodOverride = require('method-override')
 , morgan = require('morgan')
 , errorhandler = require('errorhandler');

const { connect } = require('http2');

const app = express()

app.set('views', __dirname + '/views')
app.set('view engine', 'jade')
app.use(methodOverride())
app.use(bodyParser.json())
app.use(bodyParser.urlencoded({ extended: true }))
app.use(express.static(path.join(__dirname, 'public')))


app.set('connection', mysql.createConnection({
host: process.env.RDS_HOSTNAME,
user: process.env.RDS_USERNAME,
password: process.env.RDS_PASSWORD,
port: process.env.RDS_PORT}));  

function init() {
 app.get('/', routes.index);
 app.get('/hikes', hike.index);
 app.post('/add_hike', hike.add_hike);
}

const client = app.get('connection');
async.series([
 function connect(callback) {
   client.connect(callback);
   console.log('Connected!');
 },
 function clear(callback) {
   client.query('DROP DATABASE IF EXISTS mynode_db', callback);
 },
 function create_db(callback) {
   client.query('CREATE DATABASE mynode_db', callback);
 },
 function use_db(callback) {
   client.query('USE mynode_db', callback);
 },
 function create_table(callback) {
    client.query('CREATE TABLE HIKES (' +
                        'ID VARCHAR(40), ' +
                        'HIKE_DATE DATE, ' +
                        'NAME VARCHAR(40), ' +
                        'DISTANCE VARCHAR(40), ' +
                        'LOCATION VARCHAR(40), ' +
                        'WEATHER VARCHAR(40), ' +
                        'PRIMARY KEY(ID))', callback);
 },
 function insert_default(callback) {
   const hike = {HIKE_DATE: new Date(), NAME: 'Hazard Stevens',
         LOCATION: 'Mt Rainier', DISTANCE: '4,027m vertical', WEATHER:'Bad', ID: '12345'};
   client.query('INSERT INTO HIKES set ?', hike, callback);
 }
], function (err, results) {
 if (err) {
   console.log('Exception initializing database.');
   throw err;
 } else {
   console.log('Database initialization complete.');
   init();
 }
});

module.exports = app

routes/hike.js に次の内容を追加します。これにより、ルートは新しいハイキングログを HIKES データベースに挿入できるようになります。

const uuid = require('node-uuid');
exports.index = function(req, res) {
  res.app.get('connection').query( 'SELECT * FROM HIKES', function(err,
rows) {
    if (err) {
      res.send(err);
    } else {
      console.log(JSON.stringify(rows));
      res.render('hike', {title: 'My Hiking Log', hikes: rows});
  }});
};
exports.add_hike = function(req, res){
  const input = req.body.hike;
  const hike = { HIKE_DATE: new Date(), ID: uuid.v4(), NAME: input.NAME,
  LOCATION: input.LOCATION, DISTANCE: input.DISTANCE, WEATHER: input.WEATHER};
  console.log('Request to log hike:' + JSON.stringify(hike));
  req.app.get('connection').query('INSERT INTO HIKES set ?', hike, function(err) {
      if (err) {
        res.send(err);
      } else {
        res.redirect('/hikes');
      }
   });
};

routes/index.js のコンテンツを次と置き換えます。

/*
 * GET home page.
 */

exports.index = function(req, res){
  res.render('index', { title: 'Express' });
};

次の jade テンプレートを views/hike.jade に追加して、ハイキングログを追加するためのユーザーインターフェイスを指定します。

extends layout

block content
  h1= title
  p Welcome to #{title}

  form(action="/add_hike", method="post")
    table(border="1")
      tr
        td Your Name
        td
          input(name="hike[NAME]", type="textbox")
      tr
        td Location
        td
          input(name="hike[LOCATION]", type="textbox")
      tr
        td Distance
        td
          input(name="hike[DISTANCE]", type="textbox")
      tr
        td Weather
        td
          input(name="hike[WEATHER]", type="radio", value="Good")
          | Good
          input(name="hike[WEATHER]", type="radio", value="Bad")
          | Bad
          input(name="hike[WEATHER]", type="radio", value="Seattle", checked)
          | Seattle
      tr
        td(colspan="2")
          input(type="submit", value="Record Hike")

  div
    h3 Hikes
    table(border="1")
      tr
        td Date
        td Name
        td Location
        td Distance
        td Weather
      each hike in hikes
        tr
          td #{hike.HIKE_DATE.toDateString()}
          td #{hike.NAME}
          td #{hike.LOCATION}
          td #{hike.DISTANCE}
          td #{hike.WEATHER}

eb deploy コマンドを使用して変更をデプロイします。

~/nodejs-example-express-rds$ eb deploy