読者です 読者をやめる 読者になる 読者になる

Google Compute EngineのTODOアプリチュートリアルを試してみました

概要

Google Developers ConsoleでCompute Engineのクイックスタート「MongoDBを使用したTodoアプリ構築チュートリアル」を試してみました。

かなりな部分をブラウザからの操作で実現できるため、非サーバサイドエンジニアの方がクラウドサービスの勉強をするのには適していると感じました。

手順

4ステップ、約15分で完了です。

  1. インスタンス作成
  2. DB(MongoDB)インストール(バックエンド)
  3. TODOアプリ(Node)インストール(フロントエンド)
  4. TODOアプリ実行(フロントエンド)

インスタンス作成

フロントエンドとバックエンドと二つのインスタンスを作成します。

左側のハイライトされた場所で操作を行います。右側のチュートリアルの項目にチェックマークがつけばOKです。デフォルト値で進めると失敗がないと思います。

下図で、左側のマシンタイプ入力欄の変更ボタンを押下&選択すると「マシンタイプを選択する」項目にチェックが付きます。

f:id:unokun3:20150823085933p:plain

DB(MongoDB)インストール(バックエンド)

バックエンドインスタンスSSHボタンを押下して、shell(別ウインドウ)を起動します。

f:id:unokun3:20150823091707p:plain

DB(MongoDB)インストールは、shell上で右側に表示されているコマンドを実行します。

f:id:unokun3:20150823091314p:plain

TODOアプリ(Node)インストール(フロントエンド)

TODOアプリはフロントエンドインスタンスにインストールします。こちらもshell上で実行します。

TODOアプリ実行(フロントエンド)

フロントエンド側インスタンスでTODOアプリを実行します。フロント/バックエンドの内部IPアドレスを入力します。インスタンスの詳細情報に記載されています。

nohup nodejs server.js --be_ip 10.240.124.235 --fe_ip 10.240.121.245 &

ブラウザでフロントインスタンスの外部IPアドレスにアクセスするとTODOアプリ画面が表示されます。

コンソール出力

unokun@front-end:~/todomvc-mongodb$ nodejs server.js --be_ip 10.240.124.250 --fe_ip 10.240.121.245 &
[1] 10448
unokun@front-end:~/todomvc-mongodb$ [Error: /home/unokun/todomvc-mongodb/node_modules/mongoose/node_modules/mongodb/node_modules/bson/build/Release/bson.node: invalid ELF header]
js-bson: Failed to load c++ bson extension, using pure JS version
App listening on port 8080
GET / 200 7.590 ms - 2760
GET /learn.json 404 1.351 ms - 23
GET /favicon.ico 404 0.618 ms - 24

アプリ画面

f:id:unokun3:20150823092355p:plain