DigiTechLog Dot Com » Flex

FluorineFx: Flexと.NET間でAMF通信できるライブラリ

admin — Wed, 30 Sep 2009 12:02:57 +0000

FluorineFxとは、Flexと.NET間でAMF通信できるオープンソースのライブラリです。FluorineFxを使うとサーバ側も、クライアント側も.NETでアプリを組めるようです。LGPLのライセンスです。

※AMFのメリットは.NETのメソッドを直接呼び出せます。この前に紹介した「PHPObject: PHPとFlashのActionScript連携パッケージ」や「SabreAMF: FlexをPHP5と連携させるフレームワーク」などはPHPからAMFのメソッドを呼び出すライブラリです。

RIAテクノロジは主流のアプリケーション開発ソリューションになりつつあり、RIAを定評あるテクノロジプラットフォームに統合する必要性が増してきているので、FluorineFxのプロジェクトマネジャー(Zoltan)は以下の様で発表した。

FluorineFxはFlex/Flash Remoting、リモート共有オブジェクトサポート、Flex Data Serviceと.NETフレームワーク用のリアルタイムメッセージの実装を提供します。最後の二つは現在部分的な実装です。（ Flex<->Adobe LiveCycle Enterprise Suiteアプリケーションで見受けられる全ての機能がサポートされているわけではないという意味）またそれはAdobeのBlazeDSとの互換性をサポートします。

Flex/Flash Remotingについて。 Webを使ったデータ送信の方法としては、XML-RPCやSOAPがあります。基本的にPull型です。Flex/Flash Remotingでは、PullだけでなくPushや、データ共有(SharedObject)ができ、XML-RPCやSOAPよりずっとリッチなやりとりができます。.NETで開発したいという場合に使えるかなぁ。

将来的にFluorineFxはどのようになること、Zoltanは以下の様で発表した。

Adobe AIRアプリケーション用にデスクトップサービスソリューションを提供してください。（現在はAIRアプリケーションで分散するのが可能なWindows サービスがあり、デベロッパ達はWindowsデスクトップへのアクセスを提供するために自身たちの.NETアプリケーションをデプロイすることができる。）

【公式サイト】

http://www.fluorinefx.com/

http://blog.fluorinefx.com/ FluorineFx関連の資料、サンプルなど

WebORB: FlashやFlexのリモートクライアントとサーバ側でのPHPを組み合わせ

admin — Mon, 28 Sep 2009 09:41:03 +0000

WebORBとは、FlashやFlexのリモートクライアントとサーバ側でのPHPを組み合わせライブラリです。最新版は、AJAX とSilverlightもサポートされています。

Flexによるクライアント側コードのサンプルやPHPによるサーバ側コードのサンプル、スタートアップガイドが付属し、初めての場合でもWebORBを使ったアプリケーションが簡単に作れます。強いですね。

以下は公式サイトの紹介：

WebORB for PHP is a robust, non-intrusive, multi-protocol development and runtime environment that is designed to effortlessly connect Flex, Flash, AJAX and Silverlight clients with PHP classes and data from relational databases via PHP backend.

ちょっと使ってみて、以下の手順で環境を作れます。

・FlashRemotingコンポーネントのインストール

次のURLでダウンロードできます。http://www.adobe.com/jp/products/flashremoting/downloads/components/

・サーバ側の準備(Webのインストール)

weborb-php-N.N.N.zipをダウンロードし、解凍してください。

※ダウンロードするため、登録必要です。

以下のURLの画面が表示されればインストール成功

http://localhost/weborb/

以下のURLにアクセスし、「Run *** Tests」ボタンを押し「success:***」と表示されればインストール成功

http://localhost/weborb/examples/flex/remoting/testsuite/main.html

そこまで環境の構成は成功しました！

・公式サイト

http://www.themidnightcoders.com/

SabreAMF: FlexをPHP5と連携させるフレームワーク

admin — Fri, 28 Aug 2009 07:42:31 +0000

「SabreAMF」とは、Flexアプリケーション中にAMFPHPを利用してPHP、MySQLと接続、通信サンプルソースコードのAMFPHPと同じ、AirのSWFファイルからPHPが動いているサーバーに接続する為AMFというフォーマットに従って通信を行うPHPライブラリです（実はPHPObject: PHPとFlashのActionScript連携パッケージも同じ機能か）。

SabreAMFを使用することで、AMFフォーマットでFlashからPHPメソッドを呼び出すことができます。

【機能・特徴】

◇　AMF Server/Client
◇　PHP5 OOP
◇　AMF0～AMF3対応
◇　ライセンス：New BSD License

【使用方法】

・SabreAMFの最新ライブラリをhttp://code.google.com/p/sabreamf/downloads/list からダウンロードして、解凍しSabreAMFに改名して、

/PROJECT_DIR/app/vendors/SabreAMF

に配置します。

・パス設定用のファイル

/PROJECT_DIR/app/vendors/sabreamf_ini.php

を作成します。

内容：

php
//sabreamf_ini.php
define(’SABREAMF_PATH’, dirname(__FILE__));
set_include_path(SABREAMF_PATH . PATH_SEPARATOR . get_include_path());
?>

・サンプルのコンポーネントsabre_amf.php を

/PROJECT_DIR/app/controllers/components/sabre_amf.php

に設置します。

php
//sabre_amf.php
vendor(”sabreamf_ini”);
vendor(’SabreAMF/CallbackServer’);
$_cakeController = null;
function amfCallBack($service, $method, $data) {
global $_cakeController;
$res = null;
if ($_cakeController) {
if (strpos($method, “_”) !== 0) { // _(アンダーバー)で始まるmethodはエラー。
$_cakeController->amfData = $data;
if (method_exists($_cakeController, $method)) {
$res = $_cakeController->{$method}();
} else {
$res = “not found action.”;
}
} else {
$res = “invalid method name.”;
}
} else {
$res = “not found controller.”;
}
return $res;
}
class SabreAmfComponent extends Object {
function initialize(&$controller) {
global $_cakeController;
$_cakeController = $controller;
$controller->isAmf = true; // default true
}
function startup(&$controller) {
if ($controller->isAmf) {
Configure::write(’debug’, 0);
$controller->autoRender = false;
$server = new SabreAMF_CallbackServer();
$server->onInvokeService = ‘amfCallBack’;
$server->exec();
exit; //ここでexitしてるので、amf の場合はほかのactionは呼べないはず。。。
}
}
function beforeRender(&$controller) {
if ($controller->isAmf) {
exit; // 念のため
}
}
}
?>

以下、簡単な、文字列と、配列のやり取りのサンプル用Controllerです。

php
class AmfsController extends AppController {
var $name = ‘Amfs’;
var $uses = array();
var $components = array(”SabreAmf”);
function beforeFilter() {
// ここでamf出力ではないactionを設定できる
// 全部amf出力の場合は何も設定いらない。
// この場合は「normal」のみ通常アクセスできる。
// ほかのactionは、URLからは実行されないはず。。。
if ($this->action == “normal”) {
$this->isAmf = false;
Configure::write(’debug’, 2);
$this->autoRender = true;
}
}
// indexアクションは通常出力に使わないほうがいい
// beforeFilterで除外すると、初期アクセスがamfから指定ない場合、
// リモートで呼び出されたときにエラーでちゃう
function index() {
return “index”;
}
//これは通常表示できるアクション
function normal() {
$this->set(”hoge”, date(”Y-m-d H:i:s”));
}
//文字列返却
function getstr() {
$testname = $this->amfData[0]; // flashから送られてきた値はamfDataにある。しかし、キーが消えてるよ。。。
return date(”Y-m-d H:i:s”) . ” こんにちは ” . $testname; //各action で return した値が flashに返る。
}
//配列返却
function getarr() {
$res_list = array();
for($i = 0; $i < 10; $i++) {
$res = array(
“col1″ => $i,
“col2″ => rand(1, 1000),
);
$res_list[] = $res;
}
$this->log(print_R($res_list, true), LOG_ERROR);
return $res_list;
}
}
?>

このコントローラにFlashからリクエストのサンプルです。

xml version=”1.0″ encoding=”utf-8″?>
<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml” layout=”vertical”>
<mx:Script>
import mx.rpc.events.FaultEvent;
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;
import mx.utils.ArrayUtil;
[Bindable]
private var myDataItem:Array = [];
private function resultHandler(evt:ResultEvent):void {
myDataItem = ArrayUtil.toArray(evt.result);
}
private function faultHandler(evt:FaultEvent):void {
Alert.show(”Fault: ” + evt.fault + ” Msg: ” + evt.message);
}
]]>
mx:Script>
<!–
remoting-config.xmlをちゃんと設定したほうがいいのかな？
このサンプルでは、xmlを用意しないで、endpoint指定でやってます。
endpoint=”{’http://{server.name}:{server.port}/amfs/’}” と書けば、
flash設置サーバの/amfs/と通信します。
以下のようにendpoint(cakeのcontroller呼び出し用URL)さえ指定しておけば
source は今回の場合は適当でいいです。というのも、sevice名として
サーバで受け取りますが、endpointのcakeのcontrollerの
メソッドしか呼べないようにしているので送信しているが使っていない。
また、destinationも適当でいいですが指定しないとエラーでます。
–>
<!– 文字列読み込み例 –>
<mx:RemoteObject id=”ro”
endpoint=”{’http://{server.name}:{server.port}/amfs/’}”
destination=”MyAmfs”
source=”Amfs”
result=”myLabel.text = event.result.toString()”
fault=”faultHandler(event)”>
<mx:method name=”getstr”>
<mx:arguments>
<testname>hogetestname>
mx:arguments>
mx:method>
mx:RemoteObject>
<mx:Label text=”string_sample” id=”myLabel” />
<mx:Button label=”string load test” click=”ro.getstr.send()” x=”24″ y=”42″/>
<!– ro.●●.send() でcake側のアクションを呼べる –>
<mx:Spacer height=”2″ width=”200″/>
<!– 配列読み込み例 –>
<mx:RemoteObject id=”ro2″
endpoint=”{’http://{server.name}:{server.port}/amfs/’}”
destination=”MyAmfs”
source=”Amfs”
result=”resultHandler(event)”
fault=”faultHandler(event)”>
mx:RemoteObject>
<mx:Button label=”array load test” click=”ro2.getarr.send()” x=”24″ y=”42″/>
<mx:DataGrid id=”myData” dataProvider=”{myDataItem}”>
<mx:columns>
<mx:DataGridColumn headerText=”列 1″ dataField=”col1″/>
<mx:DataGridColumn headerText=”列 2″ dataField=”col2″/>
mx:columns>
mx:DataGrid>
mx:Application>

【参考リソース】

http://code.google.com/p/sabreamf/

http://blog.non-style.com/2008/11/cakephp-airsabreamfcakephp.html

http://blog.asial.co.jp/347

SWFObject: Flash/FlexをWeb ページに貼りつけるのに便利なJavaScriptライブラリ

admin — Thu, 14 May 2009 07:55:02 +0000

Objectタグと、Embedタグを併用する様のMacromedia(Adobe)の標準のFlashの埋め込み方は既にご存知のことと思います。Flashのソフト上からパブリッシュした際のデフォルトの出力方法になっているので、互換性も高く、多くのブラウザをカバーしています。

しかしながら、プラグイン検出がないので、ユーザーによっては、コンテンツ表示が崩れたり、見れなかったり、プラグインをインストールしていないIEユーザーには「ActiveXをインストールしますか？」というダイアログボックスが表示されたり、Mozillaベースのブラウザでも、似たような問題が起きるいくつかの問題点があります。

特に、embedというタグは、どのバージョンのHTML、XHTMLにもありません。しかし、object タグの仕様の違い（あるいは、サポートしていない、バグの多さ）の為に、保険としてembedタグが使われています。HTMLにswfファイルを埋め込む際にembedタグやobjectタグを使わずにSWFObjectを使うという方法があります。それでは、今回紹介する「SWFObject」というFlash/FlexをWeb ページに貼りつけるのに便利なJavaScriptライブラリです。

ライセンスは「MIT License」ですから、使い手が良いものとなっています。

[使用方法]

１）、次のURLから最新版をダウンロードして解凍したのちサイト内に設置。(http://code.google.com/p/swfobject/downloads/list )、まず利用するページにてswfobject.jsを呼び出す。

<script type=”text/javascript” src=”swfobject.js”></script>

２）、swfを挿入するブロックをid付きで設置しておく

<div id=”swfContents”>javascriptが有効じゃなかった時のコンテンツdiv>

実際の呼び出し（ヘッダでもどこでもいいので）

<script type=”text/javascript”>
swfobject.embedSWF(”swfのURI”, “挿入するID”, “幅”, “高さ”, “プレイヤーのバージョン”);
</script>

３）、flashvarsやparamタグに値を渡したり、objectタグにidなどの属性をつけたりするには

swfobject.embedSWF(”swfのURI”, “挿入するID”, “幅”, “高さ”, “プレイヤーのバージョン”, “expressInstall.swfのURI”, flashvarsオブジェクト, paramsオブジェクト, attributesオブジェクト);

という記述になる。上記のflashvarsオブジェクトとかは以下のような感じで記述して渡してあげるといい。

var flashvars = { name1 : ‘hello’, name2 : ‘hoge’ };
var params = { menu : ‘false’ };
var attributes = { id : ’swfPlayer’, name : ’swfPlayer’ };

渡す値がないって場合には

var flashvars = {};

というように空のオブジェクトで渡すとか、

var flashvars = null;

でもいいみたい。
ちなみに”expressInstall.swfのURI”っていうのはswfobjectをダウンロードして解凍したら一緒に入っているのでそれも合わせてサイト内に設置しておく。

[関連リンク]

・http://code.google.com/p/swfobject　公式サイト

・http://blog.deconcept.com/swfobject/ 作者のブログ

・http://www.adobe.com/jp/devnet/flashplayer/articles/swfobject.html SWFObject 2を用いたFlash Playerのバージョン検知とSWFファイルの埋め込み

・http://blg.emzah.com/archives/295 SWFObjectを使う場合のご注意。

・http://phpspot.org/blog/archives/2006/10/flashhtmljavasc.html Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ「SWFObject」

・http://www.drk7.jp/MT/archives/001481.html swfobject.jsを使って Flash と代替画像を切り替える方法

・http://www.scratchbrain.net/blog/ver2/entries/000481.html SWFObject （1.5と2.0）のFlash Playerバージョンチェック注意

Flex-spreadsheet: オープンソースのExcelのようなスタイルのFlexスプレッドシート

admin — Fri, 08 May 2009 11:50:36 +0000

「Flex-spreadsheet」とは、ExcelのようなスタイルのオープンソースのFlexスプレッドシートコンポーネットです。Flex自身のDataGridも少し似てるようです。

エクセルと同じような複雑の計算、マクロなど物は難しいですが、Flex-spreadsheetを使って実装すると、簡易的な計算まで行うことは簡単だと思います。有名な「Google Spreadsheet」見たいWebアプリケーションも最低画面上に表現できますね（ちょっと言いすぎけど）。

公式サイトでは、「It’s designed primarily for data-input, not data-display」という紹介があります。データの簡易入力は特徴の一つです。メインはデータの入力ですが、デモを見るとデータの表示もいい感じです。MITライセンスでリリースされているので、商用でも可能です。

足らないところは、説明のドキュメントは少なくて、コンポーネット中にバグもあるようです。３００行以上のデータの場合、表示のスピードもうまくなくなってます。まぁ、オープンソースですから、ソースをダウンロードして自分で完璧になりましょう。 ^^)

DigiTechLog Dot Com » Flex

FluorineFx: Flexと.NET間でAMF通信できるライブラリ

Related Posts

WebORB: FlashやFlexのリモートクライアントとサーバ側でのPHPを組み合わせ

Related Posts

SabreAMF: FlexをPHP5と連携させるフレームワーク

Related Posts

SWFObject: Flash/FlexをWeb ページに貼りつけるのに便利なJavaScriptライブラリ

Related Posts

Flex-spreadsheet: オープンソースのExcelのようなスタイルのFlexスプレッドシート

Related Posts