ewd 3トレーニングコース#15 ewd-xpressでjquery以外のフレームワークを利用する
TRANSCRIPT
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