샘플 앱

Facebook은 GitHub에서 샘플 앱을 제공합니다. 이 샘플 앱을 설정하고 용도를 변경하거나 Webhook 구성을 간단히 테스트하는 데 사용할 수 있습니다.

샘플 앱 설정

Heroku에서 샘플 앱을 설정하는 방법을 단계별로 살펴보겠습니다.

1. 무료 Heroku 계정을 아직 만들지 않았다면 하나 만들고 로그인합니다.
2. 로그인된 상태에서 GitHub로 이동하고 앱을 Heroku에 배포합니다. 선택한 앱 이름이 콜백 URL에 포함되므로 기억할 수 있는 이름으로 선택하세요. 앱을 배포하는 데는 몇 초가 소요됩니다.
3. 새 브라우저 탭에서 앱의 앱 대시보드 설정으로 이동하고 앱의 앱 시크릿 코드를 복사합니다.
4. Heroku 앱 설정에서 두 가지 구성 변수(APP_SECRET 및 TOKEN)를 설정합니다. 앱 시크릿 코드를 APP_SECRET 구성 변수에 할당(복사)하고 모든 문자열을 TOKEN에 할당합니다. 앱 대시보드에서 Webhook 제품을 구성할 때 모든 인증 요청에 이 문자열이 포함됩니다(앱에서 자체적으로 요청을 인증함).

이제 앱을 사용할 수 있습니다. Webhook 제품을 구성하기 위해 앱 대시보드로 돌아가기 전에:

• 웹 브라우저에서 Heroku 앱을 확인합니다. 빈 배열([])이 보일 것입니다. 이 페이지는 새로 수신한 업데이트 알림 데이터를 표시하므로 테스트하는 동안 다시 읽어들입니다.
• 앱의 콜백 URL은 Heroku 앱의 URL 끝에 /facebook을 추가해서 만듭니다. 제품 구성 시 이 콜백 URL이 필요합니다.
• 위에서 설정한 TOKEN 값을 복사합니다. 이 값도 제품 구성 중에 필요합니다.

Heroku 샘플 앱 구성 요소

이 앱은 Node.js와 다음 패키지를 사용합니다.

• body-parser(JSON 파싱)
• express(경로 설정)
• express-x-hub(SHA1 지원)

샘플 앱 인증

샘플 앱이 Webhook 이벤트를 수신할 수 있는지 쉽게 인증할 수 있습니다.

1. 앱 대시보드의 Webhook 제품에서 임의의 Webhook 필드에 대해 테스트 버튼을 클릭합니다.
2. 전송할 내용의 샘플이 나와 있는 팝업 대화 상자가 나타납니다. 내 서버로 보내기를 클릭합니다.
3. 이제 Heroku 앱 URL에 Webhook 정보가 보일 것입니다. 보이지 않을 경우 터미널 창에 curl https://<your-subdomain>.herokuapp.com을 입력하세요.