raspiにスマートリモコン&メディアプレイヤーをのせてみた⑧
2015 ワード
はじめに
こちらのブラウザ側の解説です。
概要
以下の機能を提供
- ウェブサーバとwebSocketで接続してリアルタイム通信
- vueLoaderでコンパイルなしでvueコンポーネントを提供
ファイル構成
vue.jsなどの外部js,cssについてオフラインでも使えるようにcdnではなくlocalから取得するようにしています
| No | ファイル名 | 概要 |
|---|---|---|
| 1 | index.html | トップページ |
| 2 | js/index.js | メインjs |
| 3 | home.vue | ルートコンポーネント。4のXXX.vueを切り替え |
| 4 | vue/room/XXX.vue | 部屋コンポーネント。5のYYY.vueを切り替え |
| 5 | vue/device/YYY.vue | 家電コンポーネント。 |
| 6 | vue/icon/ZZZ.vue | アイコンコンポーネント。3,4,5で使われる |
赤外線情報
vue/device/YYY.vue内に定義してあるdata-valueがデバイスサーバの赤外線のマップ※のキーとなっている。
※backend/device/internal/1_infrastructure/deviceapp/ir_data.go
部屋情報
ブラウザ側でlocal storageに各部屋の選択した機器を保存し、部屋の切り替えの際に元の機器を選択した状態にする、
リンク
ソースコード
セットアップ
共通設計
サーバ
Author And Source
この問題について(raspiにスマートリモコン&メディアプレイヤーをのせてみた⑧), 我々は、より多くの情報をここで見つけました https://qiita.com/yujiyabe/items/743d286ee4b4657b069c著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .