Bot Framework 시작하기 Part3 - Facebook 메신저와 연동하기

지난 시간에 이어서 Facebook 메신저와 연동하는 작업을 진행 하도록 하겠습니다. 참고로, Facebook연결은 좀 어려운 편이고, WebChat, 텔레그램은 완전 간단하니 그걸 해보시는 것도 좋습니다.

이 부분은 Bot Framework 페이지에 로그인 한 후 My bots 페이지에 있는 Add another channel에서 Facebook Messenger오른쪽 Add 버튼을 눌러서 나오는 내용을 기본으로 단계별로 하나씩 따라서 실행합니다.

 

Part1 : Bot Framework 시작하기

Part2 : Azure에 배포하고, Bot Framework에 등록하기

Part3 : Facebook 메신저와 연동하기

Part4 : 다이얼로그 처리

Part5 : 카키 샌드위치 주문하기

Part6 : 향상된 카키 샌드위치 주문하기

 

 

* Facebook Messenger와 연동하기..시작 ( 아래 이미지를 순서도로 생각하고 하나씩 모두 진행하도록 한다)

 

Getting Started

페이스북에 봇을 만들기 위해서는 페이스북 페이지와 페이스북 앱을 만들어야 한다.

자세한 사항은 다음 링크를 참조한다.

 

https://developers.facebook.com/docs/messenger-platform

 

음..현재 메신저 플랫폼이라는 녀석이 배타로 등록되어 있는 상태이며 이 녀석을 이용해서 만들어야 한다.

아래로 스크롤을 내리면 Getting Started라는 링크를 클릭!

 

 

메신저 플랫폼을 이용하기 위해서는 Facebook App과 Page가 필요하다는 내용으로 Facebook App을 클릭해서 App 생성 화면으로 이동한다.

 

 

App ID를 입력하고 Create New Facebook App ID를 클릭

 

 

Create a New App ID 팝업에서 대충 내용 입력, 카테고리는 앱 페이지 선택 후 하단에 Site URL 입력하는 곳에 내 블로그 주소를 입력하고 Next, 그리고 아래로 쭈욱 내려가다가 Dashboard로 가기 링크를 클릭해서 대쉬보드로 이동

 

 

페이스북 데쉬보드 처음 봤네요;; 앱 ID와 앱 시크릿 코드는 나중에 사용해야 하니 잘 챙겨 놓으세용

 

 

이번에는 제품 추가를 선택하고 Messenger옆에 시작하기를 클릭

 

 

선택을 하고나니 Messenger 플랫폼에 대한 안내가 한글로 표시된다. 좋은 내용이니 한번 읽어 보고 넘어간다.

안내 문구 아래 시작하기 버튼 클릭

 

Messenger 플랫폼에 오신 것을 환영합니다! 이제 앱을 다운로드하지 않은 사람들과도 자유롭게 소통할 수 있습니다. 봇을 빌드하여 사용 중인 기기나 플랫폼에 관계없이 사람들에게 바로 도달해보세요.

 

보내기/받기 API는 소식을 기다리는 사람들에게 관련 업데이트를 보낼 수 있도록 봇 빌드를 위한 맞춤형 도구를 제공합니다. 이 플랫폼은 현재 베타 서비스 중이며 제출 접수 및 승인을 통해 점차 모든 Messenger 계정에 최상의 경험을 제공해드릴 수 있도록 최선을 다하고 있습니다. 문서 읽기

 

보내기/받기 API는 유기적 콘텐츠에 사용해야 하며 마케팅 또는 기타 홍보 자료를 보내기 위한 목적으로 사용할 수 없습니다. 이러한 이유로 API를 공개적으로 사용하려면 먼저 검수를 위해 앱을 제출해야 합니다. 앱이 승인되기 전에는 앱 개발자와 테스터에게만 메시지를 보낼 수 있습니다. 자세한 내용은 Facebook의 플랫폼 정책 및 예제 및 설명을 참조하세요.

 

이제 Messenger를 사용할 수 있도록 되었는데..토큰 생성을 하려니 페이지가 필요하다고 한다. 음음..그래서 페이지 생성을 대시보드에서 할 수 있는지 찾아봤지만 못찾았다.

페이지를 생성할 수 있는 링크는 https://www.facebook.com/bookmarks/pages 요기다.

 

새로운 페이지 생성으로 들어가니 카테고리 지정하는 곳이 있는데 머 비영리 단체를 선택하고 이름입력하고 아래와 같이 출력된다..음..복잡하다..-0-;;

 

 

우여 곡절 끝에 일단 페이지 만들기 성공!!

 

 

대시보드 화면으로 돌아가서 페이지를 선택하니 권한 확인 등의 메시지가 출력되고 모두 확인을 해주니 페이지 액세스 토큰이 입력된다. 페이지 엑세스 토큰을 복사해 놓는다.

 

 

 

이번에는 그 바로 아래 Webhooks란 녀석을 설정해야한다.

 

 

Setup Webhooks 버튼을 클릭하면 팝업이 출력되는데 팝업의 모습은 아래와 같고

입력해야 하는 내용은 봇 프레임웍에 My bot으로 들어가서 facebook messenger에 Edit를 클릭해서 하면 아래 이미지와 같은 내용이 나옵니다. 그 곳에 있는 내용을 입력하시면 됩니다.

https://facebook.botframework.com/Dev/?botId=....

이 글씨들은..순서도 중에 하나를 펼치면 나오는 내용이다.

 

 추가 이미지..

최종적으로 아래 폼에 값을 입력하면 완료가 되는 듯..

Facebook Page Id는 Page -> 설정 -> 페이지 정보 하단에서 찾을 수 있다.

나머지들은 Facebook 대쉬보드를 통하면 찾을 수 있다.

 

 

 

모든 정보를 입력하고 Resubmit을 클릭하면 완료가 되고, bot framework 페이지로 이동하면 facebook 메신저가 추가되어있는 것을 확인할 수 있다.

 

 

 

모든 것이 완료되었다. 그렇다면~ 이제 최종 테스트.. 일단 https://www.facebook.com/kakisamplebot/info?tab=page_info 페이지로 이동한 후 메시지 버튼을 눌러서 채팅창을 열고 내용을 입력하면 처음 만들었던 결과를 반환한다.. 페이스북 메신저에 나만의 채팅 봇을 만들기 성공..쿨럭;;

 

그런데, 이 Facebook App이 개발 중으로 표시되기 때문에 개발자로 등록된 사람이 아니면 사용이 불가능할 수 있다. 혹시 이 페이지에 방문해서 해보고 안된다고 좌절하지 말자~