node.js를 사용하여 Jawbone Up API에 연결합니다-JS 튜토리얼-php.cn

집

웹 프론트엔드

JS 튜토리얼

node.js를 사용하여 Jawbone Up API에 연결합니다

Christopher Nolan

Feb 20, 2025 pm 01:16 PM

node.js를 사용하여 Jawbone Up API에 연결합니다 개발자로서, 나는 엄청난 양의 단계 수와 잠자는 습관 데이터에 접근하고 싶을 수는 없지만 턱뼈가 나에게 가지고 있습니다. 데이터가 너무 많습니다! 그래서 나는 Jawbone Up API 및 Node를 사용 하여이 데이터를 가져 오는 방법을 조사하기 시작했습니다. 나는 웹을 가로 질러 Jawbone Up API 및 노드로 작업하는 방법에 대한 예를 찾았지만 모두 상당히 관여했고 많은 부분이 있었으며 몇 가지 구식 모듈 (이전 버전의 Express와 같은)을 가지고있었습니다. 이 기사에서는 사용자 데이터를 데이터베이스에 저장하거나 계정 생성 또는 소셜 로그인 연결에 대해 걱정하지 않는 절대 기본 사항에 중점을두고 싶습니다. Jawbone API로 인증하고 사용자 데이터를 반환하기 위해 노드 서버를 가져 오기 위해 알아야 할 핵심 사항에 중점을 둘 것입니다. 이 데모의 모든 코드는 Github Repo에서 사용할 수 있습니다. 키 테이크 아웃

jawbone up api를 사용하여 사용자 데이터 저장 또는 계정 관리를 처리하는 복잡성없이 Node.js를 사용하여 STEP COUNTS 및 SLEEP 습관과 같은 광범위한 사용자 데이터에 액세스하십시오. jawbone 개발자 사이트에서 Jawbone 앱을 설정하여 클라이언트 ID 및 App Secret과 같은 필요한 자격 증명을 얻으십시오. 이는 API 통합에 중요합니다. 사용자 인증 및 데이터 검색을 안전하게 처리하기 위해 Node.js의 OAUTH 2.0을 사용하여 여권 모듈을 구현하십시오. 보안 프로토콜을 충족시키고 데이터 차단을 피하기 위해 Jawbone Up API와의 모든 통신이 HTTP를 통해 수행되도록하십시오.

. 웹 애플리케이션에서 Jawbone Up API에서 검색된 수면 데이터를 동적으로 표시하기 위해 Node.js의 EJS 템플릿을 사용하십시오. Jawbone Up API에서 더 많은 데이터 유형을 통합하고 다른 API와 결합하여 기능을 향상시켜 응용 프로그램을 확장 할 수있는 잠재력을 탐색합니다.

jawbone app 설정 가장 먼저 필요한 것은 Jawbone 계정으로 설정된 새로운 Jawbone 앱입니다. 이것은 사용자가 데이터에 액세스 할 수있는 권한을 부여 할 앱입니다.

https://jawbone.com/up/developer로 이동하여 왼쪽 하단의 "로그인"링크를 클릭하여 Jawbone 사이트의 개발자 섹션에 로그인하여 시작하십시오. 기존 Jawbone 계정을 사용하여 로그인 할 수 있으므로 특정 Jawbone 개발자 계정이 필요하지 않습니다.

로그인하면 로그인하면 https://jawbone.com/up/developer/account로 이동하거나 왼쪽 메뉴에서 "계정"의 "계정 관리"링크를 클릭하십시오.

이 페이지에서는 개발자 계정 페이지에 도달하게됩니다. 여기에서“앱 생성”을 클릭하십시오

로드하는 페이지에서 앱의 세부 사항을 입력하라는 메시지가 표시됩니다.

이름 - 응용 프로그램의 이름으로“Jawbone Up Node Demo”를 입력했습니다. 설명 - 이것은 사용자의 업 앱 갤러리에서 나타날 간단한 설명입니다. Long Description - 이것은 앱 갤러리의 앱의 세부 페이지에 나타납니다. 로고 - 응용 프로그램에 대한 로고를 업로드하십시오. "select"에 대한 오류를받는다면 (이상하게도 알고 있지만 그 메시지를 따르고 메시지를받는 소수의 사람들에게는 의미가 있습니다) 로고 이미지가 너무 큽니다.

. URL - 앱의 홈페이지

권한 부여 URL - 로그인 페이지가 찾을 수있는 URL입니다. 테스트 목적으로 https : // localhost : 5000/login/jawbone을 입력하십시오 OAuth 리디렉션 URI - 사용자가 인증 된 후 응용 프로그램을 리디렉션 할 수있는 URL. 데모에서는 https : // localhost : 5000. 에 입력합니다

일단 응용 프로그램을 만들려면 클릭하면 앱 목록이 포함 된 페이지로 향합니다. 새로 생성 된 앱은 내 것과 비슷해 보일 것입니다 :

"클라이언트 ID"및 "App Secret"을 기록하십시오 - 이것이 Jawbone API에 연결하는 데 필요한 것입니다. 노드 앱 시작

모든 노드 서버 코드를 Server.js라는 하나의 파일에 포함시킬 것입니다. 우리는 서버에 필요한 NPM 모듈을 요구하는 것으로 시작합니다.

먼저, 우리는 기본적인 익스프레스 앱을 설정했습니다.

그런 다음 그런 다음 EJS (내장 JavaScript)가 필요하므로 HTML 템플릿에 JavaScript를 삽입 할 수 있습니다. 우리는 이것을 사용하여 반환 된 HTML 내에 JavaScript 변수를 표시합니다.

Jawbone API를 인증하고 응용 프로그램으로 다시 리디렉션하려면 Jawbone을 사용하려면 HTTPS를 통해 페이지로 리디렉션해야합니다. 이렇게하려면 HTTPS를 포함해야합니다

다음으로 FS를 포함하여 파일 시스템을 읽을 수 있습니다. HTTPS를 활성화하려면 서버 인증서 파일에서 읽어야합니다.

우리는 또한 JSON 요청을 처리 할 수 있도록 바디 파서가 필요합니다.

jawbone up api는 인증을 위해 Oauth 2.0 프로토콜을 사용합니다. 기본적으로 이는 사용자가 Jawbone 계정으로 로그인하고 데이터에 액세스 할 수있는 권한을 부여하기 위해서는이 프로토콜을 거쳐야합니다. 운 좋게도 NPM의 여권 모듈에는이를 지원하는 Passport-Oauth라는 모듈이 포함되어 있습니다. 우리는 앱에서 Oauth 2.0과 함께 여권을 설정했습니다.
그런 다음 우리는 우리가 실행할 포트를 저장하는 자체 설명 변수를 얻었습니다.

다음으로, 우리는 Jawboneauth 내부에 여권 및 Oauth 2.0의 인증에 필요한 모든 값을 저장합니다. 이것은 앱을 등록했을 때 이전에 주목 한 "클라이언트 ID"및 "앱 비밀"값을 사용하는 순간입니다.

<span>var express = require(‘express’),
</span>    app <span>= express(),</span>

여기에 이러한 값이 무엇을 의미하는지 및/또는 어디에서 왔는지에 대한 개요가 있습니다.

clientId - 이것은 Jawbone 앱에 나열된 "클라이언트 ID"입니다. clientsecret - 이것은 그 아래의 "앱 비밀"값입니다.

authorizationUrl - 이것은 사용자가 리디렉션 될 UP OAUTH 2.0 인증 페이지의 위치입니다. tokenurl - 이것은 액세스 토큰을 요청하기 위해 https 호출을 해야하는 Jawbone Up API의 URL입니다. 이 토큰은 우리가 Jawbone Up API에 대한 통화에 포함되어야하는 것입니다. Jawbone Up API 에서이 토큰은 1 년 동안 지속되므로 데이터베이스에 저장하고 사용자가 1 년 동안 Jawbone 계정에 연결되도록 할 수 있습니다. 우리는이 튜토리얼에서 사용자를 저장하는 것을 보지 않을 것이지만, 이것을 더 추진하려는 경우 명심하는 것이 좋습니다.

CallbackUrl - Jawbone이 사용자에게 데이터에 대한 액세스를 성공적으로 접근 한 후에 사용자를 다시 지시하는 우리 사이트의 URL. 우리에게는 수면 데이터를 표시하는 페이지입니다.

마지막으로 정의해야 할 변수는 HTTPS를 사용 하여이 서버를 실행할 수 있도록 서버에 제공 해야하는 모든 세부 사항을 포함하는 SSLOPTIONS입니다. HTTPS를 설정하는 방법을 설명 할 때이 기사의 뒷부분 에서이 각각을 자세히 살펴 보겠습니다. 그런 다음 노드 개발자에게 친숙한 기본 노드 앱 기능을 정의하는 몇 줄을 포함시킵니다.

BodyParser - JSON 객체를 구문 분석 할 수 있습니다 정적 폴더 - 이미지와 같은 정적 파일이 서버에있는 위치를 정의합니다 (우리의 경우 /public 폴더). ejs - EJS 모듈을 템플릿 엔진으로 할당합니다. views 폴더 - EJS보기 파일이 서버의 위치를 정의합니다 (우리의 경우 /views 폴더).

Express 내에서 여권을 초기화하기 위해 다음 줄을 실행합니다.

메모로서, 우리가 지속적으로 로그인 세션을 원한다면 여권에 더 많은 것을 설정해야합니다. 이 경우 세션을 설정해야합니다. 그러나이 튜토리얼의 경우 Jawbone Up API에서 데이터를 가져 오는 초기 단계에 중점을두고 로그인 세션에 대해 걱정하지 않습니다.

. 우리의 get 요청을 설정 jawbone up api의 로그인 화면으로 사용자를 지시하려면 서버에 jawbone 로그인 화면으로 리디렉션되는 URL을 할당해야합니다. 아래 코드는이 목적을 위해 /login /jawbone의 URL을 할당합니다. 이 URL에 대한 요청에 따라 Passport.authorize ()에게 전화하여 Jawbone Up Authorization 페이지를 제기합니다.

<span>var express = require(‘express’),
</span>    app <span>= express(),</span>

위에서 볼 수 있듯이 [ 'basic_read', 'sleep_read']를 요구하는 특정 권한 배열이 있습니다. 우리의 경우 기본 사용자 데이터 및 수면 데이터를 요구하고 있습니다. 단계 수에 대한 액세스, 식사 등에 대한 액세스를 요청하려면 해당 배열에 추가 권한 요청을 추가 할 수 있습니다. 사용 가능한 항목 목록과 Jawbone Up Developer Authentication Documentation Page에서 액세스 권한을 제공 할 수 있습니다. 또한 Jawbone Up 인증 화면에서 인증이 실패하면 홈페이지로 다시 리디렉션됩니다. 여권 모듈에서는 성공식을 설정하는 것이 가능하지만 Jawbone Up API에서 찾았습니다.이 코드에서 jawbonestrategy에서 콜백 URL을 더 정의 할 필요는 없습니다.

. 그런 다음 수면 데이터가 나타날 수있는 GET 요청을 설정합니다. 이것은 우리가 사용자 데이터에 액세스 할 때 API에 우리를 리디렉션하도록 지시 할 위치입니다. 이 예에서는 /sleepdata : 입니다

우리는 동일한 여권이 있습니다. authorize () 함수는이 페이지에 도달 할 때 사용자가 로그인한지 확인하기 만하면됩니다. 그렇다면 Res.Render ( 'userData', req.Account)를 실행합니다. jawbone up api가 userData.ejs 템플릿으로 돌아온 데이터 (곧 설정). 로그인하지 않으면 Jawbone Up 인증 화면으로 돌아갑니다.

그런 다음 URL을 설정하여 사용자가 로그 아웃에서 로그 아웃 할 수 있도록 URL을 설정하여 사용자를 로그 아웃 한 후에 사용자를 홈페이지로 다시 리디렉션합니다.

마지막으로 라우팅을 위해, 우리는 누군가가 홈페이지에 액세스하려고 시도하면 index.ejs 템플릿을로드하도록 설정했습니다.

여권을 사용하여 jawbone에 연결하여 API

ejs <span>= require('ejs'),</span>

The biggest chunk of code is also the most important — setting up a Passport “strategy” to tell Passport how to handle requests to authorize using 'jawbone'. 이렇게 보인다 :

이 코드가 무엇을하고 있는지 살펴 보겠습니다.

먼저, 우리는 파일의 시작시 정의한 jawboneauth 객체에서 clientId, clientsecret, supportizeurl, tokenurl 및 callbackurl을 설정했습니다. 이것은 새로운 jawbonestrategy ()를 사용하여 수행됩니다 다음 에이 데이터를 처리하는 콜백 함수가 있습니다. 이 콜백 함수에서 토큰과 완료 값을 사용합니다. Token은 우리가 인증을 받고 있음을 증명하기 위해 API에 전화를 걸어야하는 Jawbone Up API Access Token입니다. 완료된 콜백 함수는 데이터를 앱으로 반환합니다.

우리는 액세스 토큰과 이전에 정의 된 클라이언트 ID 및 비밀과 함께 옵션 개체 내의 Jawbone-Up 모듈로 전달됩니다.

<span>var express = require(‘express’),
</span>    app <span>= express(),</span>

Jawbone-Up 모듈은 Jawbone Up API 엔드 포인트에 액세스 할 수있는 노드 모듈입니다. 이들은 사용자 데이터를 반환하기 위해 API에 대한 통화입니다 (예 : https://jawbone.com/nudge/api/v.1.1/users/@me/sleeps get). UP.Moves.get () 및 UP.Sleeps.get ()와 같은 함수. 이 예에서는 UP.Sleeps.get ()를 사용하여 수면 데이터를 얻습니다. up.sleeps.get () 내에서 err와 body의 두 가지 변수가 있습니다. API로부터 데이터를 수신하는 데 오류가 있으면 ERR 변수에서 반환되므로 콜백 시작시이를 테스트합니다. 그렇지 않으면, 우리는 데이터를 본체 변수의 JSON 문자열로 반환했습니다. 바디 변수에는 json 값이 포함되어 있습니다.

우리가 원하는 모든 것은 데이터 내에 있습니다. json.parse (body)를 사용하여 위의 값을 JavaScript 객체로 구문 분석하고 데이터 키의 값을 JawbonEdata : 라는 변수에 할당합니다.

그런 다음, 우리는 데이터 내의 배열의 각 항목을 통과하는 for 루프를 가지고 있으며 날짜와 수면 시간을 형식화하기 전에 템플릿으로 돌려 표시합니다.

여기서, 우리는 날짜를 읽고 문자열로 변환 한 다음 하루, 월 및 연도를 직접 슬라이스합니다. 그것은 20150408의 값으로 반환되므로 우리는 첫 4 자리를 올해로 슬라이스하고, 그 이후는 그 이후의 달과 마지막 2 숫자를 날로 슬라이스합니다. 그런 다음 DD/MM/YYYY가되도록 준비하고 미국 날짜 형식으로 포맷하려면 월과 요일을 전환 할 수 있습니다.

Jawbone API는 비교적 멋지게 형식의 수면 지속 시간 값을 다음과 같이 보이는 제목으로 반환합니다 : "9h 43m". 우리는 이것을 사용할 수 있지만 "for"부분을 제거합니다.

그런 다음 해당 데이터를 여권의 콜백 함수로 반환하여 userData.ejs를 렌더링합니다. 그렇게하기 위해, 우리는 jawbonedata 변수를 완료 함수로 반환합니다. Console.log도 있습니다. Jawbone Up 데이터가 표시되도록 로그에서 볼 수 있습니다.

Https 사용 ejs <span>= require('ejs'),</span> 앞에서 언급 한 바와 같이, Jawbone Up API를 사용하려면 Jawbone의 서비스는 HTTPS를 실행해야하므로 HTTPS로 서버를 실행해야합니다. CallbackUrl이 HTTPS로 설정되지 않으면 로그인하려고 할 때 "유효하지 않은 리디렉션"오류가 수신됩니다. 예제가 작동하기 위해서는 자체 서명 된 인증서를 사용합니다. 라이브 사이트 에서이 작업을 수행하는 경우 유효한 인증 기관으로부터 적절한 인증서를 받고 싶을 것입니다. Server.js에서 는 두 가지 SSL 옵션을 정의했습니다 :

이들은 두 인증 관련 파일의 서버의 파일 위치입니다.

키 - 이것은 서버의 개인 키입니다 cert - 이것은 우리의 자체 서명 인증서

입니다

서버의 개인 키를 생성 개인 키를 생성하려면 OpenSSL 툴킷을 사용해야합니다. Mac OSX 및 Linux 사용자는이를 사전 설치해야합니다. Windows 사용자의 경우 Cygwin을 설치하고 "패키지 선택"화면에서 "OpenSSL"을 검색하고 나타나는 패키지를 선택할 수 있습니다. 우리는 터미널을 열고 서버의 폴더를 탐색하고 다음 명령을 실행하여 해당 개인 키를 생성 할 수 있습니다.

이것은 Server.key라는 사용 준비가 된 개인 서버 키를 생성합니다. CSR (Certificate Signing Request) 를 생성합니다 그런 다음 CSR을 생성해야합니다. 이것은 일반적으로 인증 기관으로 발송되지만 우리의 경우 테스트 목적으로 직접 서명 할 것입니다.

. 위에서 만든 개인 키를 사용하여 CSR을 생성하려면 다음 명령을 실행하십시오.

답변을위한 질문 목록이 주어지고, 답변하고, 답변하면 CSR이 Server.csr라는 파일로 CSR을 받게됩니다. 서버 프라이버시 키

를 사용하여 서명 된 인증서를 생성합니다 마지막으로, 인증서 권한없이 자체 서명 된 인증서를 생성하려면 1 년 동안 유효한 인증서를 생성하기 위해 다음 명령을 실행합니다.

그 명령은 서버.crt 파일을 생성해야합니다 - 이것은 당신의 인증서입니다. . 인증서 요청을 제거하십시오 깔끔하게 유지하고 인증서를 자체 서명하고 싶어하는 사람들을 위해 인증서가 서명 될 때 Server.csr을 제거 할 수 있습니다. 우리는 https 준비되어 있습니다 개인 키와 인증서가 준비되어 있고 노드 파일에 정의 된 경우 서버는 HTTPS로 실행할 준비가되었습니다. 다음 코드는 https 및 ssloptions를 사용하여 서버를 시작합니다.

우리의 EJS 파일 이 앱의 html은 모두 .ejs 파일에 있으므로 필요할 때 그 안에 자바 스크립트 변수를 포함시킬 수 있습니다. 이 파일은 모두 /보기 내에 있습니다. index.ejs는 매우 간단하며 제목, 지침 및 로그인 버튼 만 포함하여 /로그인 /jawbone :

<.> userData.ejs는 조치가있는 곳입니다. 우리가 집중할 수있는 주요 비트는 테이블입니다 :

<span>var express = require(‘express’),
</span>    app <span>= express(),</span>

EJS를 처음 접하는 사람들의 경우 태그 내에 JavaScript를 포함시킵니다. 우리는 userData 템플릿에 항목을 전달하고 있습니다. . 그런 다음 각 날짜와 제목을 및 를 사용하여 HTML에 삽입합니다. 우리의 앱은 입니다 앱을 실행하려면 터미널로 가서 실행하십시오.

가 실행되면 http : // localhost : 5000으로 이동하면 초기 페이지가 표시됩니다 :

로그인 버튼을 클릭하면 http : // localhost : 5000/login/jawbone으로 이동하여 Jawbone Up 인증 페이지로 안내됩니다. 이 페이지는 Jawbone 로그인 세부 정보를 제공합니다. 해당 세부 정보를 입력하거나 이미 Jawbone 사이트에 로그인 한 경우 사용자 데이터에 대한 액세스를 요청하는 인증 페이지로 연결됩니다. "동의"를 클릭하십시오 :

동의를 클릭하면 http : // localhost : 5000/sleepdata 페이지로 돌아와야합니다. node.js를 사용하여 Jawbone Up API에 연결합니다

"로그 아웃"버튼을 클릭하면 로그 아웃하고 홈페이지로 다시 리디렉션해야합니다.

결론 는 Jawbone Up API에 연결하고 Node Server에 데이터를 반환하는 기본 사항에 대한 개요를 완료합니다. 여기에서 다음 단계는 향후 사용을 위해 데이터를 저장하기 위해 데이터베이스 설정, 앱의 사용자 계정 작성, UP API에서 가져 오는 데이터의 양을 확장하여 표시 방법을 변경하는 것이 포함될 수 있습니다 (일부 추가 예쁜 그래프!) 등. 이 데이터를 다른 여러 API와 결합하면 실제로 깔끔한 애플리케이션의 잠재력은 엄청납니다! 기타 유용한 자원 node.js를 사용하여 Jawbone Up API에 연결합니다 노드 jawbone-up 모듈의 문서

jawbone 개발자 문서 여권 문서 사용자 계정 및 mongodb 가있는 UP 및 노드 데모

Jawbone Up API를 node.js 에 자주 묻는 질문이 자주 묻습니다. jawbone up api 란 무엇이며 어떻게 작동합니까?

Jawbone Up API는 개발자가 Jawbone UP 데이터와 상호 작용할 수있는 Jawbone이 제공하는 프로그래밍 인터페이스 세트입니다. 사용자의 활동, 수면, 식사 및 기타 건강 관련 데이터를 포함한 Jawbone Up 플랫폼에서 데이터를 추출 할 수 있습니다. API는 편안한 통화를 사용하고 응답은 JSON에서 형식화됩니다.

Jawbone Up API를 node.js와 연결하려면 Jawbone Up API를 node.js로 연결하려면 어떻게해야합니다. 먼저 Jawbone의 개발자 사이트에 응용 프로그램을 등록하려면 클라이언트 ID와 클라이언트 비밀을 얻으십시오. 그런 다음 Node.js 응용 프로그램에서 'Jawbone-Up'NPM 패키지를 사용할 수 있습니다. 이 패키지는 Jawbone Up API를 인증하고 요청하는 간단한 방법을 제공합니다.

Jawbone Up API의 대안은 무엇입니까?