Deploy application from web editor 20140326 public

Eclipse Orion を使って
Cloud Foundry PaaS にア
プリケーションをデプロイ
日本アイ・ビー・エム株式会社
東京ソフトウェア開発研究所
天野武彦

© 2014 IBM Corporation
自己紹介 ~
名前：天野武彦
所属：IBM 東京ソフトウェア開発研究所
主な活動：先端開発技術の推進・啓蒙
（エリア： Cloud Foundry, Orion, Jazz, DevOps)
趣味：目下のところ育児に没頭
ブログ： http://amanoblog.wordpress.com

Orion ~ オライオン(オリオン) について
Eclipse の Web 版を目指したプロジェクト
– IBM, Pivotal (VMWare), HP, Mozilla, SAP 等の有志が開発
目玉機能
– WEB ブラウザ上でソース開発
• JavaScript, Ruby, CSS, HTML
– Git リポジトリ連携
– Cloud Foundry 連携 (V5 New !)

エディター
キーバインディン
グ
• syntax highlight 、JavaScript/CSS は control+<space> で作成アシスト
• GO 言語版も開発中

Gitリポジトリー連携
Git リポジトリ clone, push, rebase, merge などが WEBでできる

Cloud Foundry 連携
アプリ
URL
アプリ
ログ
今回の目玉： Cloud Foundry (v2) へのデプロイ
おや！

シェル
cf ベースのコマンドを用意
– なぜか cfo コマンド

Orion / Cloud Foundry 連携の内部構造
REST API を利用している
– http://docs.cloudfoundry.com/docs/reference/cc-api.html
/* create cloud foundry application */
URI targetURI = URIUtil.toURI(target.getUrl());
URI appsURI = targetURI.resolve("/v2/apps"); //$NON-NLS-1$
PostMethod createAppMethod = new PostMethod(appsURI.toString());
HttpUtil.configureHttpMethod(createAppMethod, target);
/* set request body */
JSONObject createAppRequst = new JSONObject();
createAppRequst.put(CFProtocolConstants.V2_KEY_SPACE_GUID,
target.getSpace().getCFJSON().getJSONObject(CFProtocolConstants.V2_KEY_METADATA).getSt
ring(CFProtocolConstants.V2_KEY_GUID));
createAppRequst.put(CFProtocolConstants.V2_KEY_NAME, appName);
createAppRequst.put(CFProtocolConstants.V2_KEY_INSTANCES, appInstances);
createAppRequst.put(CFProtocolConstants.V2_KEY_BUILDPACK, buildPack != null ?
buildPack : JSONObject.NULL);
createAppRequst.put(CFProtocolConstants.V2_KEY_COMMAND, appCommand);
createAppRequst.put(CFProtocolConstants.V2_KEY_MEMORY, appMemory);
createAppRequst.put(CFProtocolConstants.V2_KEY_STACK_GUID, JSONObject.NULL);
createAppMethod.setRequestEntity(new StringRequestEntity(createAppRequst.toString(),
"application/json", "utf-8")); //$NON-NLS-1$ //$NON-NLS-2$
ServerStatus status = HttpUtil.executeMethod(createAppMethod);
if (!status.isOK())
return status;
CF アプリケーションの作成 “/v2/apps” に対して Post 実行

Eclipse Orionの導入
http://download.eclipse.org/orion/
Java JREの導入
– eclipse フォルダー直下に放り込む
orion.ini の修正
– JREの場所(eclipseフォルダ以外の場合）
– -data ：ファイル保管場所
Node 版 Orion もあります。
（※ Cloud Foundry への連携機能はありません)
% npm install orion
% node node_modules¥orion¥server.js
どれかダウ
ンロード

Eclipse Orion の起動
orion の実行

まとめ
クラウドにホスティングして、WEBブラウザだけで開発できる
– 特に、スクリプト⾔語系に役に⽴つ
– Gitリポジトリログ取得、 pull, push サポート
– タブレット等でも利⽤可能
自分のPCで動かしてもよい
– Node版はお⼿軽なので、簡易 Explorer + Editor になる
– node node_modules¥orion¥server.js -workspace c:/temp
Cloud Foundry の評価につかってもらえる？？
– PC環境を用意する必要がないので、お手軽に評価
– GitHub などにサンプルをおいて、PaaS にデプロイ
Orionは JazzHub (https://hub.jazz.net) でもホスティング中です！

【参考】 Orion Editor についてもう少し詳しく
http://www.eclipse.org/orion/
– 本家
http://planetorion.org/news/
– Orion開発チームブログ
Node開発ネタ & トビビア
– http://kenwalker.github.io/OrionOnNode/
• Orion Node 版は Node アプリケーション実⾏機能付き

小ネタ
Orion Editor機能を WEB で利⽤する
<!DOCTYPE html>

<html>
<head>
<title>Orion Editor Sample</title>
<link rel="stylesheet" type="text/css"
href="http://eclipse.org/orion/editor/releases/5.0/built-
editor.css"/>
<script
src="http://eclipse.org/orion/editor/releases/5.0/built-
editor.min.js"></script>
<script>
require(["orion/editor/edit"], function(edit) {
edit({className: "editor"});
});
</script>
</head>
<body spellcheck="false">
<pre class="editor" data-editor-lang="js">
/*
* This is an Orion editor sample.
*/
function() {
var a = 'hi there!';
window.console.log(a);
}
</pre>
</body>
</html>
エディターになっている

ご清聴ありがとうございました！！

Deploy application from web editor 20140326 public

Recomendados

Recomendados

Mais conteúdo relacionado

Mais procurados

Mais procurados (20)

Semelhante a Deploy application from web editor 20140326 public

Semelhante a Deploy application from web editor 20140326 public (20)

Mais de Takehiko Amano

Mais de Takehiko Amano (9)

Último

Último (10)

Deploy application from web editor 20140326 public