JavaScript를 사용한 Pebble Watch 개발

이 기사에서는 Pebblekit JavaScript 프레임 워크와 Foursquare API를 사용하여 Pebble Watchface를 만드는 방법을 보여 주어 가장 가까운 Starbucks의 주소를 표시합니다. JavaScript 개발자를 위해 설계되었으며 JavaScript 및 C 코드를 혼합하여 제공합니다.

주요 개념 :

Pebblekit JavaScript 프레임 워크 :

Pebble 앱과 웹 서비스 간의 동적 상호 작용을 가능하게하여 앱 기능을 확장합니다.

앱 개발 설정 : 는 Pebble SDK 설치, 프로젝트 생성 및 . 구성 : 이 파일은 앱 메타 데이터 (UUID, 이름, 버전), 기능 (위치 액세스) 및 프로세스 간 통신을위한 앱 키를 정의합니다. Foursquare API 통합 : JavaScript는 Foursquare API를 통해 위치 데이터를 가져옵니다. 디버깅 :

는 javaScript의 경우

를 사용하고 C 코드 디버깅의 경우 를 사용합니다. 앱 구조 :
• 튜토리얼은 JavaScript (API 상호 작용) 및 C (Pebble App Logic 및 UI의 경우)의 역할을 자세히 설명합니다. 전제 조건 :
Pebble Watch 및 관련 스마트 폰 앱 (iOS 또는 Android) 4Square API 자격 증명 a wi-fi 연결.
• 프로젝트 설정 : Pebble SDK 설치 : appinfo.json (지침은 Pebble의 문서에서 쉽게 구할 수 있습니다.)
새 프로젝트 만들기 :
• 명령을 사용하십시오 (또는 선택한 프로젝트 이름). 프로젝트 구조 : 생성 된 프로젝트에는 , appinfo.json (이미지), (구성 구성)가 포함됩니다.
• 세부 사항 : 이 파일은 JavaScript와 Pebble Watch간에 교환 된 데이터에 매핑되는 앱 키를 정의하는 데 중요합니다. 예를 들면 :
C 코드 (SRC/FIND_ME_STARBUCKS.C) :
• (전체 C 코드는 원본 기사에 제공됩니다.이 섹션은 핵심 기능에 중점을 둡니다.) C 코드는 UI 요소를 처리합니다 (텍스트 레이어에 대한 텍스트 계층 시간과 위치), appsync를 JavaScript와의 통신을 위해 초기화하고 JavaScript에서받은 메시지를 처리하여 표시된 위치를 업데이트합니다. JavaScript 코드 (src/pebble-js-app.js) :

  (전체 JavaScript 코드는 원본 기사에 제공됩니다.이 섹션은 주요 측면을 강조합니다.) JavaScript 코드는 Geolocation API를 사용합니다. 사용자의 위치를 ​​얻은 다음 Ajax API에 AJAX 요청을하여 근처의 Starbucks 위치를 찾으십시오. 그런 다음 위치 데이터가 를 통해 Pebble Watch로 전송됩니다. 실행 및 디버깅 : Pebble.sendAppMessage() 빌드 :

  설치 : (휴대 전화의 IP로 교체) 디버깅 :

  사용 javaScript와 C 코드에서 로그를 볼 수 있습니다.
  추가 탐색 : 이 기사에서는 앱을 확장하여 위치 환경 설정의 사용자 구성을 허용하는 것이 좋습니다. 이 다시 작성된 응답은 원래의 의미와 구조를 유지하면서 다른 문구와 문장 구조를 사용하여 구조를 유지합니다. 이미지는 원래 형식과 위치로 유지됩니다

위 내용은 JavaScript를 사용한 Pebble Watch 개발의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!