EWD 3トレーニング・コース　 #15

ewd-xpress で jQuery 以外の

フレームワークを利用するM/Gateway Developments Ltd.

Rob Tweed訳 : 日本ダイナシステム株式会社　嶋　芳成

GT.M 版編集 : 澤田 潔※ 本稿オリジナルは Cache’ 向けとして編纂

05/02/2023 2

ewd-xpress: フレームワークを感知しない

• ewd-xpress は、ブラウザ側の特定の JavaScript フレームワークには依存しないように設計されています• jQuery は単にデフォルトで依存しているだ

けです• 従って、任意のフレームワークを利用できま

す

EWD 3 トレーニング・コース #15

05/02/2023 3

同一の起動パターンに従うだけです

• DOM がロード完了したかをチェックして、• EWD を起動して、

• ewd-registered イベントを処理します

• その後、 EWD.send() を用いてメッセージをバックエンドに通常通り送信します

EWD 3 トレーニング・コース #15

05/02/2023 4

他のフレームワークを ewd-xpress と統合する

• ExtJS + WebSocket の例 : Ext.define(‘Test Application’, { extend: ‘Ext.app.Application’, name: ‘test’ launch: function(profile) { EWD.on(‘ewd-registered’, function() { EWD.send({ type:’test’, params: { text: ‘Hey! Sending a test message!’ } },function(responseObj) { console.log(‘ewd3 ‘ + responseObj.type + ‘ back-end respons:’, responseObj); }); }); EWD.log = true; EWD.start({ application: ‘test-app’, io:io }); } });

EWD 3 トレーニング・コース #15