Download as PDF, PPTX
![DNSリクエストを
マルチキャストで同報
224.0.0.251:5353
[PTR] _sensible.tcp.local](https://image.slidesharecdn.com/fxos-lt-sensible-150411002353-conversion-gate01/85/Sensible-FxOS-11-320.jpg)
![REST API(データのやりとり)
$ curl --silent 192.168.1.101:3000/properties/get | jq .
[
{
"value": 76,
"minimum": 40,
"maximum": 100,
"readonly": false,
"type": "integer",
"name": "temperature"
}
]](https://image.slidesharecdn.com/fxos-lt-sensible-150411002353-conversion-gate01/85/Sensible-FxOS-13-320.jpg)
![sensible-properties.js の用意
[
{
"name": "flashModes",
"type": "list",
"priority": 0,
"readonly": true,
"value": []
}
]](https://image.slidesharecdn.com/fxos-lt-sensible-150411002353-conversion-gate01/85/Sensible-FxOS-21-320.jpg)
Uploaded byHayato Hiratori
Sensibleを試してみた＠FxOSコードリーディングミートアップ＃１６
Sensibleを試してみた＠FxOSコードリーディングミートアップ＃１６
Sensibleを試してみた＠FxOSコードリーディングミートアップ＃１６
- 1. Sensible を 試してみた FxOS コードリーディングミートアップ#16 2015-04-11
- 2. 自己紹介 ひらとり ● @flatbirdH ● FxOSコードリーディング ●html5j Webプラットフォーム 部
- 3.
- 4. • WoTのリファレンス実装 • JavaScriptで書かれている •作ったのはMonohm http://sensible.mono.hm/ Sensibleとは
- 5.
- 6.
- 7.
- 8. ホームLAN • WiFi, Ethernet •TCP/IP https://www.iconfinder.com/iconsets/technology-and-hardware-2
- 9. 提供する機能 1. ディスカバリー 2. RESTAPI (データのやりとり) 3. UI (人間とのやりとり)
- 10.
- 11.
- 12.
- 13. REST API(データのやりとり) $ curl--silent 192.168.1.101:3000/properties/get | jq . [ { "value": 76, "minimum": 40, "maximum": 100, "readonly": false, "type": "integer", "name": "temperature" } ]
- 14.
- 15.
- 16. 現在のサンプル実装 ● Firefox OS ●Chrome Apps ● Node.js mDNS ➡ JavaScriptでUDPが必要
- 17.
- 18.
- 19. manifest.webapp "type": "certified", "permissions": { "tcp-socket":{}, "udp-socket": {}, "wifi-manage": {} }
- 20. sensible-config.js の用意 { "name": "Sensible-Flashlight", "type":"_sensible._tcp.local", "port": 3000, "description": "Firefox OS flashlight", "hostname": "flashlight.local" }
- 21. sensible-properties.js の用意 [ { "name": "flashModes", "type":"list", "priority": 0, "readonly": true, "value": [] } ]
- 22. sensible.js の取り込み (index.html) <script src="sensible.js"defer></script> <script src="app.js" defer></script>
- 23. アプリの実装 (JavaScript) // fxos.Application.prototypeにハンドラをセット var appProto = sensible.fxos.Application.prototype; appProto.onBeforeStart = onBeforeStart; appProto.onAfterStart = onAfterStart; appProto.flash_set = setFlash; // /flash/set?mode=off // createApplication でアプリの作成 sensible.ApplicationFactory.createApplication( function (error) { ... } );
- 24.
- 25. REST API ハンドラ ///flash/set?mode=torch|off function setFlash(request, callback) { var mode = request.parameters.mode; camera.flashMode = mode; var response = { type: 'json', object: {} }; callback(response); }
- 26. UI の追加 fxos-sensible-app │ app.js │index.html │ manifest.webapp │ sensible-config.json │ sensible-properties.json │ sensible.js │ ├─icons │ icon128x128.png │ └─web index.html ルート直下に「web」ディレクトリ （名前は「web」で固定）
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. プラットフォームごとの実装 # node sensible.node.Application sensible.node.Strategy sensible.node.Server sensible.node.WebServer # fxos sensible.fxos.Application sensible.fxos.Strategy sensible.fxos.Server sensible.fxos.WebServer sensible.fxos.SocketPump #chrome sensible.chrome.Application sensible.chrome.Strategy sensible.chrome.Server sensible.chrome.WebServer
- 34.
- 35.