2 Eclipse を使った Bluemix アプリケーション開発 1
ハンズオン手順 ハンズオンの概要 Eclipse から Java アプリをデプロイする 公開されているプロジェクトをインポートする インポートしたプロジェクトをBluemixにデプロイする ここでは PostgreSQL サービスを提供する ElephantSQL というサービスを使用します デプロイしたアプリケーションを確認する 2
ハンズオンの概要 Java アプリ Java 実 環境 +Java アプリ Java アプリインポート / 編集 Java アプリデプロイ & サービスのバインド指示 プロジェクトのデプロイ Java アプリ再編集 Java アプリデプロイ指示 アプリケーションの実 3
Eclipse と Bluemix を連携する (1) Eclipse には Bluemix へ接続するための Plug-in が用意されています これを導入し 開発したプログラムを簡単に Bluemix へデプロイできるようにします Eclipse の導入ディレクトリーで eclipse.exe を実 し Eclipse を起動します Workspace を聞かれるので 新規の workspace( 例 : c: workspaces bluemix) を します Welcome ページは x マークをクリックして閉じます 4
Eclipse と Bluemix を連携する (2) Help Eclipse Market を選択します Eclipse Market Place で bluemix を検索し IBM Eclipse Tools for Bluemix の install ボタンをクリックします Feature はすべて選択し ライセンスに同意してインストールを完了します Install 5
Eclipse と Bluemix を連携する (3) JavaEE パースペクティブになっていなければ 以下の操作で切り替えます Window Open Perspective Other Java EE > OK 右下のペーンにて servers タブを開き 右クリック New Server IBM: IBM Bluemix を選択 Next ボタンをクリック Account Infromation において以下のように します Email: IBM ID (Bluemix アカウントのアドレス ) Password: パスワード (Bluemix アカウントのパスワード ) URL: IBM BlueMix https://api.ng.bluemix.net となっていることを確認 Validate Account ボタンをクリックし 問題がないことを確認し Finish ボタンをクリックします Master password の確認画面では No をクリックします これで servers タブに IBM Bluemix が追加され同期されます ステータスが [Started, Synchronized] となることを確認してください 6
Eclipse から Java アプリをインポートする (1) Eclipse に Java のサンプル アプリケーションをインポートします Eclipse のメニューから File Import Git 以下の Projects from Git を選択し Next をクリックします Select Repository Source: で Clone URI を選択し Next をクリックします 7
Eclipse から Java アプリをインポートする (2) Select Git Repository: で URI に ( https://github.com/ibmjstart/bluemixjava-postgresql-upload.git ) を指定し Next をクリックします 8
Eclipse から Java アプリをインポートする (3) Branch Selection: で master のみを選択し Next をクリックします Local Destination: で PC への保存先を指定します Clone submodules にチェックを入れて Next をクリックします 9
Eclipse から Java アプリをインポートする (4) Select a wizard to use for importing projects: で Import exsiting projects を選択し Next をクリックします Finish をクリックします 10
Eclipse から Java アプリをデプロイする (1) インポートされた Java のプログラムを確認しましょう 左端の Project Explorer で PostgreSQLUpload WebContent home.jsp を選択し ソースファイルを確認します 11
Eclipse から Java アプリをデプロイする (2) Bluemix は開発ツールを限定しないので 開発者は使い慣れた Eclipse を使ってコーディングを うことができます アプリケーションの動作に影響のない範囲で コードを一部編集してみましょう HTML で ElephantSQL Upload Demo と表 する箇所のテキストを変更します この例ではテキストを Bluemix Upload と変えています メニューの File Save で編集したコードを上書き保存します 12
Eclipse から Java アプリをデプロイする (3) 編集したサンプル アプリケーションを Bluemix にデプロイしてみましょう PostgreSQLUpload プロジェクトを 右下 Servers タブの IBM BlueMix にドラッグ & ドロップします 13
Eclipse から Java アプリをデプロイする (4) Application のダイアログ ボックスの Name に デプロイするアプリケーションの名前を指定して Next ボタンをクリックします 名前の重複を避けるため PostreSQLUpload + 日付 (YYMMDD)+ 任意の 字列などと指定してください 14
Eclipse から Java アプリをデプロイする (5) Launch deployment のダイアログ ボックスが表示されます 内容を確認し Next ボタンをクリックします 512 15
Eclipse から Java アプリをデプロイする (6) Services selection のダイアログ ボックスが表示されます 新しいサービスを追加するために ( ここではElephantSQL) 右上にあるをクリックします Service Configuration のダイアログ ボックスで次のように します Name: postgresql Type: elephantsql PostgreSQL as a Service を選択 Finish ボタンをクリックします アイコン 16
Eclipse から Java アプリをデプロイする (7) Services selection のダイアログ ボックスで 作成した elephantsql のサービスにチェックが入っていることを確認し Finish ボタンをクリックします Bluemix に対して アプリケーションのデプロイとサービスのバインドが われます Console に Liberty buildpack is done creating the droplet. と表示されたことを確認します これでデプロイが完了しました 17
デプロイしたアプリケーションを確認する (1) Bluemix の DASHBOARD に Eclipse からデプロイしたアプリケーションが追加されていることを確認します アプリケーションを実 してみましょう シグナルが緑 (Running) になっていることを確認し アプリケーションの URL リンクをクリックします 18
デプロイしたアプリケーションを確認する (2) 右下の 7 を含むテキストファイルを作成し.txt ファイルとして PC に保存します Browse ボタンで 作成したテキストファイルを指定し Upload File ボタンをクリックします これで ElephantSQL にデータが Upload されます 画面上でテキストが追加されることを確認します Clear DB ボタンを押すと ElephantSQL からデータが削除されます Bobsleigh Figure Skating Speed Skating Snowboard Freestyle Skiing Ski Jumping Alpine Skiing 19
デプロイしたアプリケーションを確認する (3) もう 度 Eclipse から Java アプリをデプロイする の (2) (3) を再実 し ソースを適当に変更し Bluemix へのデプロイを繰り返してみてください デプロイ & バインド済みのアプリケーションが変更され 動的にリスタートします アプリケーションを実 し 変更が反映されていることを確認してください ( 下図はタイトルやボタンの表記を 本語にした例 ) Eclipse で開発したアプリケーションを直接 Bluemix にデプロイする手順を確認しました お疲れ様でした! 20