JavaScriptを使用したPebble Watch開発

この記事では、PebbleKit JavaScriptフレームワークとFoursquare APIを使用してPebble Watchfaceを作成して、最寄りのスターバックスのアドレスを表示する方法を示しています。 JavaScript開発者向けに設計されており、JavaScriptとCコードのブレンドを提供しています。

重要な概念：

PebbleKit JavaScriptフレームワーク：
• PebbleアプリとWebサービス間の動的な相互作用を有効にし、アプリ機能を拡大します。 アプリ開発のセットアップ：
PEBBLE SDKのインストール、プロジェクトの作成、
• 。 appinfo.json構成：
このファイルは、アプリメタデータ（uuid、name、version）、機能（場所アクセスなど）、およびプロセス間通信のためのアプリキーを定義します。
• foursquare api統合：appinfo.jsonjavaScript Foursquare APIを介して位置データを取得します。
デバッグ：
• javaScriptに、 c code debuggingを使用します。
• アプリの構造：チュートリアルの詳細JavaScript（APIインタラクション用）およびC（Pebble App Logic and UIの場合）の役割の詳細。 pebble logs APP_LOG
前提条件：
Pebble Watchおよび関連するスマートフォンアプリ（iOSまたはAndroid）。

foursquare api資格情報。 a wi-fi接続。

• プロジェクトのセットアップ：

Pebble SDKをインストールする：

（手順はPebbleのドキュメントで容易に入手できます。）

新しいプロジェクトを作成します：

コマンドを使用してください
1. （または選択したプロジェクト名）。 プロジェクト構造：
生成されたプロジェクトには、
2. 、（画像の場合）、（コードの場合）、およびpebble new-project --javascript find_me_starbucks（構成のビルド）が含まれます。
3. の詳細：appinfo.jsonこのファイルは、JavaScriptとPebble Watchの間で交換されたデータにマッピングされるアプリキーを定義するために重要です。 たとえば、resources src wscript
cコード（src/find_me_starbucks.c）：

（完全なCコードは元の記事で提供されています。このセクションでは、コア機能に焦点を当てています。）CコードはUI要素を処理します（テキストレイヤーのレイヤー時間と場所）、JavaScriptとの通信のためにAppSyncを初期化し、JavaScriptから受信したメッセージを処理して表示された場所を更新します。

JavaScriptコード（SRC/PEBBLE-JS-APP.JS）：（完全なJavaScriptコードは元の記事で提供されています。このセクションは重要な側面を強調しています。）JavaScriptコードは、ジオロケーションAPIを使用します。ユーザーの場所を取得し、AjaxリクエストをFoursquare APIにリクエストして、近くのスターバックスの場所を見つけます。 次に、位置データはPebble.sendAppMessage()。

ランニングとデバッグ：

1. ビルド：pebble build
2. インストール：（携帯電話のIPに置き換えて）pebble install --phone IP_ADDRESS_OF_YOUR_PHONE
3. デバッグ：を使用して、javaScriptとcコードの両方からログを表示します。 pebble logs --phone IP_ADDRESS_OF_YOUR_PHONE

さらなる探索：

この記事では、アプリを拡張して、コンパニオンアプリで構成ウィンドウを使用する可能性のあるロケーション設定のユーザー構成を許可することを提案しています。 この書き直された応答は、言い換えに異なる言い回しと文の構造を使用しながら、元の意味と構造を維持します。 画像は元の形式と場所のままです

以上がJavaScriptを使用したPebble Watch開発の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。