JavaScript有効設(shè)定ページ

新しいSDKを使用すると、PebbleのAndroid/iOSアプリ自體內(nèi)でアクセスできる構(gòu)成ページを定義できるようになりました。設(shè)定は、ユーザーが時計アプリをインストールしてアレンジする場所と同じ場所にアクセスされます。ユーザーの観點からよりクリーナーで論理的です。

JavaScriptがローカルストレージを有効にした

新しいSDKのJavaScriptは、WebストレージにW3Cの推奨事項も使用しているため、將來の使用のためにアプリ內(nèi)に設(shè)定を保存できます。ユーザーがそのcelsius/fahreinheitの設(shè)定を持っているように求めた場合、Webストレージを使用してユーザーの好みを覚えておくことができます。私たちの場合、ユーザーが興味を持っている場所の種類を保存したいと思います。

紛らわしい音？これは、他の人がアクセスできるようにWeb上のどこかで自分の設(shè)定ページをホストする必要があることを意味するため、場合によっては理想的なセットアップではありません。 Pebbleは、將來この設(shè)定ページをアプリにバンドルする機(jī)能を獲得することを計畫しているようです。これは、一部のアプリに最適です。現(xiàn)在のセットアップにはメリットが伴います。設(shè)定ページだけで何かを再スキンまたは調(diào)整したい場合は、設(shè)定ページが獨(dú)立しているため、アプリ自體を更新する必要はありません。

を更新します

<span>"capabilities": ["location", "configurable"]</span>

設(shè)定ページの作成

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

あなたが必要とする基本的なhtmlはそうです（私は私のスタイリングとフレームワークに関連するマークアップを削除しました。

設(shè)定のキャンセルまたは送信

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

変更をキャンセルするために、document.locationをPebblejs：// closeに設(shè)定します。これにより、Pebble JavaScriptコードに空の応答が送信されます。

変更を選択した場合、Textareaから入力を文字列に渡します。以下のsaveoptions（）関數(shù)は、textareaから値をオブジェクトに入れます。

クリック関數(shù)は、オブジェクトを文字列に変換して文字をエンコードしてデータを送信して、document.locationでターゲットにするURLに配置できるようにします（単一のスペースがエンコードされます。変更）：

ユーザーがすでに何かを選択した場合はどうなりますか？

ユーザーがすでに設(shè)定に変更を行っている場合、代わりにゲラートを見つけるためにアプリにすでにアプリを求めているとしたら、以前の「ジェラート」の設(shè)定がテキストフィールドに表示されます。設(shè)定。これを行うには、config HTMLページにSearchforと呼ばれるURLの変數(shù)を送信します。この例は、url http://www.yourpebbleappsettingpage.com?searchingfor = gelato。

私はずっと前に見つけた関數(shù)を持っています。

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

最初に、JavaScriptに新しい変數(shù)が必要になります。 appinfo.jsonファイルのキーを一致させるために検索と呼びましょう（同じと名前を付ける必要はありませんが、一貫性と明確さのために、私はそうしました）。この変數(shù)が行う必要があることは、ユーザーが日々のペブルの強(qiáng)化された生活を送っている間、私たちが探している場所の種類よりもユーザーの好みを保存することです。 Pebble AppsのWebストレージ

それを取得するために：

<span>"capabilities": ["location", "configurable"]</span>

私たちの場合、Pebbleアプリのローカルストレージにデータを検索することをお勧めします。 JavaScript変數(shù)を使用してアプリ全體でアクセスしますが、アプリを最初にロードしたり、構(gòu)成畫面から戻ったりするときは、ローカルストレージからこの検索変數(shù)を設(shè)定します。

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

これまでのところ、私たちのアプリは以前と同じことをします。スターバックスを見つけてください。ユーザーがアプリの「設(shè)定」ボタンを押したときに何をすべきかを知らせる必要があります。これは、showconfigurationイベントリスナーでこれを行います：

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

それは、それらの設(shè)定を入力するためにフォームを使用してユーザーをページに連れて行きます。彼らが新しい設(shè)定を送信するとき（上記のように「ジェラート」など）、私たちはPebble-JS-App.jsのJavaScriptを準(zhǔn)備し、そのデータを待っていることを望みます。

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

<span>function saveOptions() {
</span>  <span>var options = {
</span>    <span>searchingFor: $('#searchingFor').val()
</span>  <span>}
</span>  <span>return options;
</span><span>}</span>

<span>$('#b-submit').click(function() {
</span>  <span>var location = 'pebblejs://close#' + encodeURIComponent(JSON.stringify(saveOptions()));
</span>  <span>document.location = location;
</span><span>});</span>

JavaScriptがこの新しい設(shè)定を理解していますが、もう少しやるべきことがあります。

cコードへのいくつかの追加

find_me_anything.cファイルはあまり変更する必要はありません。次の追加と変更を行いました。

sync_bufferが定義されたときにファイルの開始時に変更が行われました。

<span>"capabilities": ["location", "configurable"]</span>

<span>"appKeys": {
</span>  <span>"location": 0,
</span>  <span>"searchingFor": 1
</span><span>}</span>

<span><span><span><label</span> for<span>="searchingFor"</span>></span>Whatcha wanna find?<span><span></label</span>></span>
</span><span><span><span><textarea</span> cols<span>="40"</span> rows<span>="8"</span> name<span>="searchingFor"</span> id<span>="searchingFor"</span>></span><span><span></textarea</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-cancel"</span>></span>Cancel<span><span></button</span>></span>
</span><span><span><span><button</span> type<span>="submit"</span> id<span>="b-submit"</span>></span>Submit<span><span></button</span>></span></span>

JavaScriptコードへの追加の追加

<span>$('#b-cancel').click(function() {
</span>  <span>document.location = 'pebblejs://close';
</span><span>});</span>

私が上で行ったことは、未定義として始まる會場と呼ばれる変數(shù)を設(shè)定することです。 respons.response.venus foursquareから返されるデータを繰り返します。アドレスと都市を含むものを見つけた場合、そのオブジェクトを會場に保存し、応答の殘りの部分を検索しなくなりました。 ??>

私たちは今や少しエキサイティングなアプリになりました！

Pebblekit JavaScriptフレームワークのパワーのおかげで、Pebble Watchの所有者にアプリの使用方法を決定させました。カスタマイズされ、より個人的なものです。また、ローカルストレージも使用しているため、アプリは物事を覚えています。これは以前よりもはるかに価値のあるアプリであり、Pebble WatchでJavaScriptができることの全範(fàn)囲を使用しています。

週末に狂ったようなコードをするか、電車に乗って何かをコードアップしてください！そのjavaScriptの知識を、あなたが決して考えられなかったものに使用し、その過程でたくさんの楽しみを持っています！

さらなるリソース

Pebblekit JavaScriptフレームワークの操作 - PebbleチームのJavaScriptフレームワークの使用に関する詳細(xì)
高度なPebble Watchの構(gòu)成に関するよくある質(zhì)問（FAQ）
Pebble Watchを最新のファームウェアに更新するにはどうすればよいですか？ペブルウォッチのバッテリー壽命を延長するにはどうすればよいですか？ ??

ペブルウォッチのバッテリー壽命を延長する方法はいくつかあります。これらには、受け取った通知の數(shù)を減らすこと、シンプルな時計の顔を使用したもの、頻繁に使用しない機(jī)能を無効にすることが含まれます。さらに、更新にはバッテリー壽命を改善するための最適化が含まれることが多いため、時計ソフトウェアが最新であることを確認(rèn)してください。ペブルウォッチは耐水性ですか？ 。彼らは、深さ30メートルまでの水に沈むことに耐えることができます。これにより、水泳やシャワーなどのアクティビティに適しています。しかし、それらは深海ダイビングやインパクトのあるウォータースポーツ用に設(shè)計されていません。

ペブルウォッチをiPhoneで使用できますか？ iOSデバイス。 Bluetoothを介してPebble WatchをiPhoneに接続し、Pebbleアプリを使用して設(shè)定を管理したり、Watch Facesをインストールしたりします。 Pebble Watchを工場出荷時の設(shè)定にリセットするには、時計の設(shè)定メニューに移動し、「システム」を選択し、「Factory Reset」を選択します。これにより、時計のすべてのデータと設(shè)定が消去されます。このアクションを元に戻すことはできません。

Pebble Watchでアプリを使用できますか？フィットネストラッカー、ゲーム、生産性ツールなど、Pebble App Storeからダウンロードできる多くのアプリがあります。スマートフォンのPebbleアプリを介して時計にアプリをインストールできます。

Pebble Watchが私のスマートフォンと同期していない場合はどうすればよいですか？スマートフォン、次の手順を試してください。時計とスマートフォンが互いに範(fàn)囲內(nèi)にあることを確認(rèn)してください。 Bluetoothが両方のデバイスで有効になっていることを確認(rèn)してください。時計とスマートフォンの両方を再起動してみてください。問題が続いている場合は、ペアにしてから、時計とスマートフォンを再ペアリングしてみてください。柔らかい布とマイルド石鹸。極端な溫度や過酷な化學(xué)物質(zhì)にさらされないでください。使用していないときは、涼しく乾燥した場所に保管してください。時計ソフトウェアを定期的に更新して、最適に機(jī)能し続けることを確認(rèn)します。