Download as PDF, PPTX
![SockJS サーバーコード作成
var vertx = require('vertx');
var server = vertx.createHttpServer();
var sockJSServer = vertx.createSockJSServer(server);
サーバー生成
!
sockJSServer.bridge({prefix : '/eventbus'}, [{
address : 'demo.orderMgr'
}], [{
address : 'demo.orderMgr'
}] );
セキュリティ設定
!
server.listen(8080);
これだけ!](https://image.slidesharecdn.com/spawebup-140127095526-phpapp02/85/Spa-web-88-320.jpg)
Uploaded byKazuhiro Kotsutsumi
Spa のための web サーバ構築ノウハウ
RIAに代わる技術、実用的SPA(Single-page Application) 第７回 エンタープライズ×HTML5ナイトセミナー presented by html5jエンタープライズ部
Spa のための web サーバ構築ノウハウ
- 1.
- 2.
- 3. 自己紹介 こつつみ かずひろ 小堤 一弘 株式会社ゼノフィ代表取締役 Sencha 公式トレーニング認定トレーナー Japan Sencha User Group 主宰 html5jエンタープライズ部 ! Twitter @kotsutsumi ! Facebook https://www.facebook.com/kotsutsumi Books Ext JS Data-Driven Application Design Sencha Ext JS 4 実践開発ガイド Sencha Ext JS 4 実践開発ガイド 2 Sencha Touch 2 実践開発ガイド (監修)
- 4.
- 5.
- 6.
- 7.
- 8.
- 9.
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33.
- 34.
- 35.
- 36.
- 37.
- 38.
- 39.
- 40.
- 41.
- 42.
- 43.
- 44.
- 45.
- 46.
- 47.
- 48.
- 49.
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56.
- 57.
- 58. Virt.xってなに？ Vert.x is apolyglot, non-blocking, event-driven application platform that runs on the JVM.
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.
- 73.
- 74.
- 75.
- 76.
- 77. SockJS SockJS - WebSocketemulation
- 78.
- 79.
- 80.
- 81.
- 82.
- 83.
- 84.
- 85. SockJS サーバーを作ってみる SockJS サーバーコード作成 SockJSクライアントコード作成
- 86.
- 87. Vert.xの設置 yumコマンドを使ってJDKをインストール # yum -yinstall java-1.7.0-openjdk-devel; vert.xインストール(/rootにインストールする前提、どこでもよい) # wget "http://dl.bintray.com/vertx/downloads/vert.x-2.1M2.tar.gz" -O vert.x-2.1M2.tar.gz; # tar xvzf vert.x-2.1M2.tar.gz; パスを通す # vi .bash_profile PATH=“$PATH”:/root/vert.x-2.1M2/bin # source .bash_profile バージョン確認 # vertx version
- 88. SockJS サーバーコード作成 var vertx= require('vertx'); var server = vertx.createHttpServer(); var sockJSServer = vertx.createSockJSServer(server); サーバー生成 ! sockJSServer.bridge({prefix : '/eventbus'}, [{ address : 'demo.orderMgr' }], [{ address : 'demo.orderMgr' }] ); セキュリティ設定 ! server.listen(8080); これだけ!
- 89. SockJS クライアントコード作成 <html> <head> </head> <body> <script src="http://cdn.sockjs.org/sockjs-0.3.4.min.js"></script> <scriptsrc='vertxbus-2.1.js'></script> ! <script> ! var eb = new vertx.EventBus('http://133.242.50.31:8080/eventbus'); ! eb.onopen = function() { ! console.log('open'); ! eb.registerHandler('demo.orderMgr', function(message) { ! console.log('received a message: ' + JSON.stringify(message)); ! }); ! } ! eb.onmessage = function(e) { console.log('message', e.data); }; ! eb.onclose = function() { console.log('close'); }; ! function ebSend() { var v = document.getElementById("form1").value; eb.publish('demo.orderMgr', v); } ! </script> <input id="form1" type="text" /> <input type="button" onclick="ebSend();" value="Send Message" /> </body> </html>
- 90. SockJS サーバーを作ってみる SockJSサーバー起動 # vertxrun app.js
- 91.
- 92.
- 93.
- 94.
- 95.
- 96.
- 97.
- 98. /root/vert.x-2.1M2/conf/cluster.xmlを編集 <hazelcast xsi:schemaLocation="http://www.hazelcast.com/schema/config hazelcast-basic.xsd" xmlns="http://www.hazelcast.com/schema/config" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"> <properties> <propertyname="hazelcast.mancenter.enabled">false</property> <property name="hazelcast.memcache.enabled">false</property> <property name="hazelcast.rest.enabled">false</property> <property name="hazelcast.wait.seconds.before.join">0</property> <property name="hazelcast.logging.type">jdk</property> </properties> <group> <name>dev</name> <password>dev-pass</password> </group> <network> <port auto-increment="true">5701</port> <join> <multicast enabled="false"> <multicast-group>224.2.2.3</multicast-group> <multicast-port>54327</multicast-port> </multicast> <tcp-ip enabled="true"> <interface>192.168.0.2</interface> <interface>192.168.0.3</interface> <interface>192.168.0.4</interface> </tcp-ip> <aws enabled=“false"> … クラスタリングしたいサーバーを 追加すればOK
- 99. クラスタ起動 vertx run app.js-cluster
- 100.
- 101. デモ Vert.x サーバー１へ接続するHTML http://133.242.50.31/server1.html みんなで、つないで みよう!! Vert.x サーバー2へ接続するHTML 自粛 http://133.242.50.31/server2.html つながんなかったりし たら、すまん！！ Vert.xサーバー3へ接続するHTML http://133.242.50.31/server3.html 当日のデモ中のみ有効
- 102.
- 103.
- 104.
- 105.
- 106.
- 107.
- 108.
- 109.
- 110.
- 111.
- 112.