Facebook Messenger Üzerinden Nöbetçi Eczaneleri Bulma

Merhaba,
İstanbul'daki nöbetçi eczaneleri, facebook messenger üzerinden hızlı ve kolay şekilde erişebilmenizi sağlayan bir chatbot geliştirdim.

Messenger içerisinde arama kısmına "Nöbetçi Eczane Botu" yazarak arama sonuçlarından erişebilirsiniz.

Messenger üzerinden aşağıdaki QR ı okutarak da kullanmaya başlayabilirsiniz.


Web üzerinden de https://m.me/nobetcieczanebotu adresinden web messenger ile kullabilirsiniz.

Nöbetçi Eczane Chatbot'un mesaj gönderme alanına selam veya merhaba yazdığınızda sizi isminizle karşılayacak ve aramak istediğiniz ilçe adını yazarak veya İstanbul'daki ilçe listesinden seçerek veya konumunuzu paylaşarak size en yakın nöbetçi eczaneleri getirecektir. 
Haritada Göster buttonu ile google maps üzerinden eczaneye yol tarifi alabilirsiniz.

 

Nasıl kullanıldığını aşağıdaki videodan izleyebilirsiniz.

 

Sağlıklı günler :)

Humans Chatbot Hikayesi

Merhaba,
Geliştirici ve Tasarımcı Sohbetleri ile bizim ekosistemdeki insanlardan haberdar olmamızı sağlayan ve bizleri motive eden röportajlar yapan Doğukan Güven Nomak, geçtiğimiz günlerde bu videoları istediğimiz sorudan başlayarak izleyebilmemizi sağlayan YouTube projesi geliştirdi.

Bu projeyi Graphcool alt yapısını kullanarak geliştirdi ve açık kaynak haline getirerek herkesin katkısını beklediğini duyurdu.

Ben de GraphQL endpointini alarak youtube videolarına hızlı erişimi sağlayan bir chatbot geliştirdim. 

Geliştirmeye API endpoint'in sorgularını yazarak çıktısını aynı ekranda görebildiğin web konsolu üzerinden başladım. 

Daha sonra chatbot uygulaması içerisinde oluşturduğum sorguları node.js ile istek gönderebilmek için graphql-fetch kütüphanesinden yararlandım.

Projeye github hesabımdan humans-chatbot reposu üzerinden ulaşabilirsiniz.

Chatbot sayesinde facebook messenger üzerinden hızlı ve kolay şekilde röportajlara erişim sağlayabilirsiniz.
Developer, designer, youtuber, clevel ve junior etiketleri seçerek, konuşmacı adı veya ünvanı mesaj alanına yazarak arama yapabilirsiniz.
Kullanım videosunu aşağıdan izleyebilirsiniz. 

Aşağıda QR ı messenger uygulamasına okutarak veya messenger'a bağlan buttonu ile hemen chatbotu kullanmaya başlayabilirsiniz.
 

Chatbotun kullanım videosunu aşağıdan izleyebilirsiniz.

 

Soru ve eleştirilerinizi, geliştirilmesine yönelik düşüncelerinizi yorum olarak paylaşabilir veya benimle komecoglu.yavuz@gmail.com adresinden iletişime geçerek iletebilirsiniz. 

 

Facebook Messenger Chatbot Demo Geliştirme ve Yayınlama

Merhaba, 
Apple Siri, Microsoft Cortana, Amazon Echo(Alexa), Google Assistant gibi sesli asistanlar her geçen gün hayatımızda yer etmeye başladılar. Bunlarla birlikte botlar Telegram, Slack, Kik gibi mesajlaşma uygulamaları chatbot geliştirilmesine imkan verirken, en popüler Facebook Messenger'ın da geliştiriciler için bot platformunu ve chatbotlara özel uygulama mağazasını devreye alması yaygınlaşmasında büyük rol oynadı.

Chatbot, kullanıcıların mesajlaşma platformlarında belirlenmiş kurallar çerçevesinde hizmet eden bir servistir. Kullanıcılar telefonlarda yüzlerce uygulamalar ile dolaşmak yerine tek bir arayüz ile bir çok servisi alabiliyorlar. Yapay zeka (doğal dil işleme) desteği ile konuşmaların doğal akışını taklit edebilme yeteneği kazandırabilirsiniz.

 

Şimdi Node.js ile facebook messenger chatbotu adım adım nasıl geliştirebiliriz ve yayına alabiliriz ona bakalım.

  1. Node.js uygulamasını yayınlamak için Heroku'dan hesap açarak yeni bir uygulama oluşturalım.
  2. Uygulama adını chatbotweather olarak belirlediğimiz için oluşturduğumuz heroku üzerindeki ücretsiz uygulamamızın erişim adresi https://chatbotweather.herokuapp.com/ olacaktır.
  3. Buradan bir Facebook Uygulaması oluşturalım, bir isim ile iletişim e-postası verelim ve ürün olarak Messenger seçelim.


  4. Yeni oluşturduğunuz veya mevcut bir sayfayı seçerek sayfa erişim token'ı oluşturalım.
  5. Facebook'un hızlı bir başlangıç için bize sunduğu demo uygulamasını buradan indirelim.

  6. Örnek uygulama içerisinde config/default.json içerisindeki
    appSecret parametresini facebook uygulamamazın dashboard bölümündeki App Secret değeri ile,
    pageAccessToken parametresini 4. madde de bağladığımız sayfadan oluşturulan Page Access Token değeri ile,
    validationToken parametresini daha sonra facebook uygulamamız ile chatbotumuz arasındaki etkileşimi sağlamak için webhooks bağlantısını doğrulamak için kendimizin belirlediği bir değer ile(test_token),
    serverURL parametresini chatbot uygulamamızın yayında olduğu adres ile(https://chatbotweather.herokuapp.com/)  değiştirelim.

  7. Dilerseniz public/index.html içerisindeki messenger_app_id ve page_id parametrelerini de değiştirerek chatbota dinamik erişim buttonları oluşturabilirsiniz. 

  8. Değişiklerimizi yaptıktan sonra şimdi Heroku'ya yayınlayalım.
    Komut satırından bilgisayarınızda uygulamanızın bulunduğu klasöre gelerek sırasıyla aşağıdaki git komutları ile Heroku'ya deploy yapalım.
    heroku login
    Heroku hesabınızın kullanıcı adı ve şifresi ile giriş yapalım

    git add .
    git commit -am "ilk deploy"
    git push heroku master


  9. Tekrar facebook uygulama ayarlarına dönüyoruz. Messenger ayarlarından Setup Webhooks a tıklayarak  


    Callback URL olarak Heroku yayın adresimiz/webhook: https://chatbotweather.herokuapp.com/webhook
    Verify Token olarak uygulamamız içerisinde config/default.json dosyasında belirlediğimiz validationToken değerini: test_token
    Ve yetki alanlarının tamamını işaretleyelim.



  10. Buraya kadar başarılı şekilde geldiksey şimdi chatbotumuzu test etme zamanı
    Facebook sayfamızın mesaj gönderme bölümünden uygulamamızda text mesajlara cevap olarak tanımlanmış templateleri (image, gif, audio, video, file, button, generic, receipt, qucik reply) test edebiliriz.
          

  11. Node.js uygulamamızın app.js içerisindeki receivedMessage fonksiyonu içerisindeki örnek kodları inceleyerek kendinize göre düzenleyebilirsiniz. 
    Kullanıcıdan gelen mesaja göre API'lere istekler yaparak cevapları parse edip uygun templatelerde cevap olarak dönebilirsiniz.

Hızlı şekilde facebook messengerın örnek chatbotunu nasıl yayına alınacağını ve facebook sayfasına bağlanacağını göstermeye çalıştım. 

Sorularınız olursa yorum kısmından iletişime geçebilirsiniz.

 

İstanbul'daki nöbetçi eczaneleri bulmanıza yardımcı geliştirdiğim nöbetçi eczane chatbotunu da inceleyebilirsiniz.

Kaynak: