chatbots

February 2017 – Seattle JS MeetupFind the content here: http://bit.do/spark-bot

Follow me on Twitter and/or tweet at me. @tessamero

By Tessa Mero

Building Chatbots using JavaScript

2© 2016 Cisco and/or its affiliates. All rights reserved. Cisco Confidential

SUMMARY• Who Am I?• What Are Chat Bots?• What are the Benefits?• Integrations vs Bots• Getting Started with a Collaboration API• Create a Chat Bot• Using Cloud9 (c9.io)• Create Webhook Events• Test Your Bot!


What You Will Need• Cisco Spark API Account: https://developer.ciscospark.com/• Create Cloud9 Account: http://c9.io• [optional] JSON Viewer: https://

chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh

https://developer.ciscospark.com/


http://c9.io/

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh


Objective


Who is Tessa?

* Developer Evangelist* Teacher* Open Source Contributor* Community Leader* Mother


What are Chat Bots?


Clippy!


What are the Benefits?


Integrations vs Bots


An integration acts as YOU and can see and do

the things you can do.


A bot appears as another member of the room, but can only see messages

that mention it.


Getting Started with a Collaboration API


In this case, we will use Cisco Spark API:https://developer.ciscospark.com/

Then Log In!

Create an Account on the API website




https://web.ciscospark.com/

Create an Account on the Spark website




Creating a Chat Bot


Click on “My Apps” and Add New (+)


Select ”Create a Bot”


Add a Bot Image

http://bit.ly/SparkBot-512x512


Copy API Access Token


Deploy a bot on Cloud9


c9.io/signup


A closer look at the Github URL:

https://github.com/CiscoDevNet/node-sparkbot-samples.

https://github.com/CiscoDevNet/node-sparkbot-samples

https://github.com/CiscoDevNet/node-sparkbot-samples


Install Node.js in Cloud9• In Cloud9, look at the shell terminal at the bottom.

• Type: “npm install” – The nodejs libraries used by our code sample get downloaded to your Cloud9 Workspace

• Now go to helloworld.js under “examples”

• Click “Run” at the top


Create Variables• Click the ENV button at the bottom right of the Cloud9

Terminal

• Create two variables:NAME VALUE

DEBUG sparkbotSPARK_TOKEN yourtokenkeyhere


Make Your Application Public to Share


Create Webhook events


Create Cisco Spark Webhooks


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


Create Another Webhook• Receive an event every time our bot is added to a room• Modify “resource” field: replace “messages” with

“memberships”

• Click “Run” again

• See a ”200 / success” message!


Test your Cisco Spark Bot


Test Bots Response – type /hello


Mention your bot in Group rooms


Type /hello to test Group chat with bot


Go Further?• Add a few breakpoints in helloworld.js, restart in debug mode• Add some commands. Find samples here:

https://github.com/CiscoDevNet/node-sparkbot-samples• Note: Lots of nodejs bot frameworks exist for Cisco Spark,

from basic to advanced in various languages.


Thank You

@tessamero@auhyland

http://bit.do/spark-bot

chatbots

Technology