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

Android Hacks (株式会社ブリリアントサービス著) のメモ

日本で使える端末も増えてきたのでそろそろAndroid開発を学習しようと思い、今出版されている本を列

記事を読む

no image

iPad用ケース TUNESHELL for iPad

iPadは使ってないとき机の上に置くと意外に場所を取る。どう置くかは工夫のしどころだと思われる。 ま

記事を読む

no image

SHIELD iShell iPhone 4 用ケース購入

奥さんのiPhone 4用に SHIED iShell iPhone 4 シェルカバーを購入。Ama

記事を読む

no image

[Pebble] CES 2014 で Pebble が何か発表するらしい → Pebble Steel だった

あけましておめでとうございます。 新年早々めでたいニュースが。 2014年1月6

記事を読む

no image

iPad用ペン AluPen を買ってみた。

年末に注文したAluPenをようやく入手。品薄で1ヶ月かかってしまった。Amazonで2404円。紹

記事を読む

[iPhone 6 Plus] カラビナ付きケースを買ってみた

iPhone5 はカラビナ付きケースに入れて腰に下げていたのだが、まだiPhone 6 Pl

記事を読む

no image

ついにiPhoneとつながるG-SHOCKが!

1年前に、iPhone 4S は Bluetooth 4.0 採用。G-SHOCK GB-6900

記事を読む

no image

[Pebble SDK] Pebble appstore にアプリを公開してみる

DevPortal からPebble appstore にアプリを公開しようとしたところ、予想以上に

記事を読む

FlashAir W-03活用開始

ようやく休みになったので、FlashAir W-03を活用してみることにした。まずは、iOSから使え

記事を読む

no image

MacBookとWindowsでキーボード切り替え

MacBookはもともとiPhone向けプログラムを開発するために購入したものだが、実際にMacBo

記事を読む

Message

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

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

自動昇降機能付きデスクFLEXISPOT EJ2購入

今後もテレワークが長く続きそうなので、憧れだった自

Xcode 11.4からCatalinaが必須に

Catalina に関してはよい噂を聞かないので、なるべく移行を先送

Bluetooth MIDIキーボード KORG microKEY Airを買ってみた

以前から気になっていた、Bluetooth MIDI キーボード K

Ergohuman のオフィスチェアが気に入っている

コロナウィルスの影響で自宅勤務が数週間続いている。自分は自宅で開発環

AWS IoTを利用してクラウド連携機能を追加してみた

GWに自宅待機でまとまった時間が確保できたので、AWS Io

→もっと見る

  • 2015年8月
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
    31  
PAGE TOP ↑