Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Chatbots Workshop SF JS Meetup May 2018

189 views

Published on

chatbots

Published in: Technology
  • Be the first to comment

  • Be the first to like this

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

×