Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Chatbots Workshop SF JS Meetup May 2018

178 vues

Publié le

chatbots

Publié dans : Technologie
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Chatbots Workshop SF JS Meetup May 2018

  1. 1. From Zero to Chatbot mini workshop Twitter: @tessamero Tessa Mero, Developer Evangelist, Cisco DevNet SF JavaScript Meetup May 2018
  2. 2. • What are Chat Bots? • What are the Benefits? • Integrations vs Bots • Getting Started with a Collaboration API • Create a Chat Bot • Using Deployment Services • Creating a Webhook • Testing Your Bot! Agenda
  3. 3. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public What You Will Need: • Cisco Spark API Account: https://developer.webex.com/ • Create Heroku Account: https://heroku.com • JSON Viewer (optional): http://tiny.cc/json-viewer • Github Account: https://github.com • Heroku Alternative (local tunnels): Localtunnel.me or ngrok.com
  4. 4. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Objective
  5. 5. What are Chat Bots?
  6. 6. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Clippy!
  7. 7. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  8. 8. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  9. 9. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  10. 10. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  11. 11. What are the Benefits?
  12. 12. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  13. 13. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  14. 14. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  15. 15. Integrations vs Bots
  16. 16. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 16Presentation ID An integration acts as YOU and can see and do the things you can do.
  17. 17. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  18. 18. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  19. 19. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 19Presentation ID A bot appears as another member of the room, but can only see messages that mention it.
  20. 20. Getting Started with a Collaboration API – Webex Teams API
  21. 21. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  22. 22. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create a Free Account • Create an account at https://teams.webex.com and Login • Login to https://developer.webex.com 22Presentation ID
  23. 23. Creating a Chat Bot
  24. 24. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Click on “My Webex Teams Apps”
  25. 25. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Click on ”+”
  26. 26. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select ”Create a Bot”
  27. 27. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  28. 28. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Copy API Access Token (Not the Bot ID!)
  29. 29. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Add Bot to Chat on teams.webex.com
  30. 30. Deploy a Bot on Heroku
  31. 31. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public First - Fork the Github Repo https://github.com/CiscoDevNet/botkit-template
  32. 32. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public
  33. 33. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create New App
  34. 34. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Create App Unique Name
  35. 35. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Deployment method: Select GitHub
  36. 36. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Authorize GitHub
  37. 37. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Search for botkit-template repo in your GitHub – Connect!
  38. 38. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Select “redis” branch – Deploy Branch
  39. 39. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Successfully Deployed – Click View
  40. 40. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Application error
  41. 41. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Error Logs
  42. 42. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public View Errors (missing Spark token)
  43. 43. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Go to Settings -> Reveal Config Vars
  44. 44. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Settings -> Reveal Config Variables -> Config Variables
  45. 45. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Open App (Check if it is working)
  46. 46. Create Webhook events
  47. 47. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Webhook Documentation – developer.webex.com
  48. 48. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Turn on Test Mode -> Create Webex Webhook
  49. 49. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public 200 Success! • Click “Run” • See a “200/success” displayed – webhook assigned to unique identifier • Fired off every time a new message is added to a room your bot is a member of 49Presentation ID
  50. 50. Test Your Webex Teams Bot
  51. 51. © 2018 Cisco and/or its affiliates. All rights reserved. Cisco Public Test Bots Response – type storage
  52. 52. Thank you

×