Pebble WatchApp の設定をスマホから変更可能にする

公開日: : 最終更新日:2015/08/22 gadget, Pebble

invert-notinvert

このページは Pebble SDK 2.0 Tutorial #9: App Configuration | try { work(); } finally { code(); } の記事をおおまかに翻訳したものである。(Chris氏から許可いただきました)

Pebble アプリにはWatchface と WatchAppの2種類があり、WatchfaceはPebbleのハードウェアボタンを使用することができないのでPebble上で設定を変更することができない。

このため、Android/iOS 側で設定ページを用意する必要がある。

ここでは例として、Watchface や WatchApp の背景色をPebbleKit JSを使ってスマホ側で変更できるようにしてみる。

参考ページ Developer Guides // Pebble Developers

作業の流れ

  1. PebbleKit JS からデータを送れるように WatchAppでAppMessageを使えるようにする
  2. appinfo.json か、CloudPebble の設定ページで、AppMessageで使うKeyを設定する
  3. PebbleKit JS のコードを変更して設定ページをロードして watchappに送るようにする
  4. HTMLページを用意してユーザが設定を変更できるようにする

PebbleKit JS からデータを送るために WatchAppにAppMessage用コードを追加する

AppMessageInboxReceived ハンドラを用意し、メッセージを受けられるようにする。
ハンドラ中で persist date に値を書き込む。

下記を init などで実行する。

  • app_message_register_inbox_received((AppMessageInboxReceived) in_recv_handler);
  • app_message_open(app_message_inbox_size_maximum(), app_message_outbox_size_maximum());

書き込んだ persist data はwindow_load などで読み込む

appinfo.json に appkeys を追加する

App Metadata (SDK only) // Pebble Developers を参考に appinfo.json に appKeys を追加する。

今回の場合は  KEY_INVERT を追加する。

PebbleKit JS から設定ページをロードして watchappに送る

PebbleKit JS は、スマートフォンから configuration page を読み込んでwatchappに結果を送るためのもので、src/js/pebble-js-app.js にある。 “showConfiguration” と “webviewclosed” のイベントで設定を行う。 デフォルトの状態

showConfiguration イベントでは、ページを開く

webviewclosed では、設定を読み込む

上記の URLにHTMLを用意して、ユーザが設定を変更できるようにする。

また、こちらのスクリプトも追加する。

HTML置き場として上記参考ページでは Dropbox の Public folder がおすすめされている。こちらを使うと自前でWebサーバを用意しなくてもすむ。

関連記事

no image

iPod touch を安く買いたい

会社から借りて常用していたiPod touchをそろそろ返却しないといけないので、ついに購入しようと

記事を読む

LINE Clova ドラえもんを買ってみた

LINE は使っているけれども、Amazon Echo DotとAmazon Echo Spot

記事を読む

[買ってみた] iPhone11 Pro Max用にTOPEAK ドライバッグ

自分は iPhone 6 Plus 以来 TOPEAK Ridecaseの愛用者だが、TOPEA

記事を読む

no image

Realforceの静音キーボード 91UBK-S

いつのまにかRealforceの静音キーボードがでていた。 しかしあいかわらずキーが変荷重だ...

記事を読む

no image

おすすめ iPhone5用ケース iJacket

iPhone5購入時に同時に購入したケース(写真上)が1ヶ月程度でかなりみすぼらしい状態

記事を読む

Topeak iPhone6 Plus 用ライドケースセットを買ってみた

家から最寄り駅まで歩くと結構時間がかかってしまうため、駅前に駐輪場を借りてそこまで自転車で通勤してい

記事を読む

no image

デザインの良いデスクライト LEDIC EXARM mono

早朝にプログラムを書いているが、手元が暗くて目が悪くなりそうなので、 なるべく省スペース

記事を読む

iPhone/iPad にMIDIキーボードを接続する

iPhone や iPad に MIDI キーボードが接続できると、実際のキーボードをつかって操作が

記事を読む

Alexaスキル審査結果その1

子どもと百人一首を学習するために、Amazon Echo用スキルを公開しようとしている。Amazon

記事を読む

Alexaスキル 「百人一首ちゃん」を公開しました

しばらく審査で不合格を繰り返していた、Amazon Echo用 百人一首学習用 Alexaスキル

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

作りながら覚える3日で作曲入門

10日Pこと、monaca:factory さんの本。評判が良かった

macOSでNEUTRINO(AIきりたん)を試してみた

今話題のNEUTRINO + AIきりたんをMacBook

五度圏白紙画像

音楽理論本 を再読し、以前トライして挫折した五度圏(Circle o

かなりスパルタンなピアノの調律アプリ

平均律を調べていて発見。 ピアノの調律ゲーム 〜平均律訓練アプ

[macOS]ATOKから不要な候補を削除する方法

昔から WindowsでもMacでもATOKを使っている。昔は数年ご

→もっと見る

  • 2015年8月
    « 7月   9月 »
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  
PAGE TOP ↑