Programowanie

Bot na Messengera

Krótka instrukcja jak stworzyć własnego bota na Messengera

Na początku należy należy utworzyć nowy projekt node:

npm init

Następnie należy zainstalować express:

npm install express –save

Kolejny krok to utworzenie testowej aplikacji. Możesz przykładową aplikację pobrać stąd.

Następnie można uruchomić aplikację używając komendy:

node index.js

Aczkolwiek o wiele lepiej zainstalować najpierw Nodemon:

npm install -g nodemon

Dzięki czemu nasza aplikacja od razu po wprowadzeniu i zapisaniu zmian automatycznie się odświeży – nie będzie trzeba robić tego ręcznie.

Kolejna przydatna rzecz to ngrok. Pozwoli on na uzyskanie publicznego URL dla naszego serwera lokalnego (publiczny url jest wymagany, żeby utworzyć aplikację). Po zainstalowaniu wystarczy wpisać komendę, która wskaże, z którego lokalnego portu chcemy uzyskać url:

ngrok http 3000

Następnie zostanie nam przedstawiona w konsoli informacja dotycząca adresu, na który jest „przekazywana” nasz aplikacja.

ngrok output

Od strony facebooka najpierw należy wpisać nazwę aplikacji i podać maila:

step1.PNG

Następnie potwierdzić kodem:

step2

Kolejny krok to wybranie produktu – w naszym przypadku będzie to Messenger.

step3

Później czas na generację tokenu:

step7

Następnie przechodzimy do konfiguracji Webhooka:

step4

Wpisujemy podany wcześniej w konsoli url do aplikacji (https!), nie zapominając o dopisaniu /webhook na końcu. Poniżej uzupełniamy pole tokenu wygenerowanym wcześniej tokenem i wybieramy odpowiednie pola subskrypcji:

step6

I w sumie to tyle.

Jak wyglądają wyniki pracy?

Użytkownik pisze komendę Witaj i otrzymuje odpowiedź:

botWitaj

Konkretne opcje zostały przedstawione poniżej:

  • Programowanie

botProgramowanie

  • Gry planszowe

część pierwsza:

botGryPlanszowe1

i część druga:

botGryPlanszowe2

  • Wydarzenia

botWydarzenia

  • Pożegnanie

botPapa

Skoro udało mi się stworzyć takiego fajnego bota, stwierdziłam, że się nim pochwalę. Uruchomiłam go dla mojej strony na facebooku, przetestowałam i ogłosiłam światu super nowinę – pogadajcie z moim botem. I co?

No właśnie – okazało się, że nie działa. A raczej działa, ale tylko mi, lokalnie. Facebook ma specjalne ograniczenia i trzeba uzupełnić parę ważnych informacji dotyczących aplikacji (Polityka prywatności i inne) oraz grzecznie poczekać na jej akceptację 😦


Cały kod w głównej mierze opiera się na przykładzie przedstawionym na warsztatach Mateusza Ostafil. Jego repozytorium z oryginalną aplikacją jest dostępne tutaj, wraz z wszelkimi ważnymi informacjami.

Przydatny link:

https://developers.facebook.com/docs/messenger-platform/getting-started/quick-start czyli dokumentacja dotycząca integracji  z Messengerem.

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s