Dr. Strangelove or: How I Learned to Stop Worrying and Love the Serverless Chatbots - HolyJS 2016

Presentation from HolyJS 2016 conference in Moscow

Transcript

1. DR.STRANGELOVE OR: HOW I LEARNED TO STOP WORRYING AND LOVE THE SERVERLESS CHATBOTS
2. #holyjs
 @slobodan_ I am Slobodan Stojanović CTO of Cloud Horizon and JS Belgrade Meetup organizer github.com/stojanovic twitter.com/slobodan_
3. #holyjs
 @slobodan_ Walt Disney American entrepreneur, cartoonist, animator…
4. #holyjs
 @slobodan_ CHATBOTS
5. #holyjs
 @slobodan_ IDEA IS NOT NEW
6. #holyjs
 @slobodan_ • Turing Test (1950) • Eliza (1966) • Parry (1972) • A.L.I.C.E. (1995) • Jabberwacky (2005) • Slack Bot (2014) • Telegram and FB Bots (2015) • Many others (2016)
7. #holyjs
 @slobodan_ SERVERLESS
8. #holyjs
 @slobodan_ FUNCTION AS A SERVICE
9. #holyjs
 @slobodan_ • AWS Lambda (2014) • Google Cloud Functions (2016) • IBM OpenWhisk (2016) • Microsoft Azure Functions (2016)
10. #holyjs
 @slobodan_ SERVERLESS
 + CHATBOTS
11. #holyjs
 @slobodan_ Whitney Houston American singer
12. #holyjs
 @slobodan_
13. #holyjs
 @slobodan_
14. #holyjs
 @slobodan_
15. #holyjs
 @slobodan_
16. #holyjs
 @slobodan_
17. #holyjs
 @slobodan_ MEET CLAUDIA BOT BUILDER
18. #holyjs
 @slobodan_ var botBuilder = require('claudia-bot-builder') module.exports = botBuilder(function (message) { return 'Thanks for sending ' + message.text })
19. #holyjs
 @slobodan_ OR WITH ES6
20. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => `Thanks for sending: ${message.text}` )
21. #holyjs
 @slobodan_
22. #holyjs
 @slobodan_
23. #holyjs
 @slobodan_ LET’S BUILD A TELEGRAM BOT FOR #HOLYJS
24. #holyjs
 @slobodan_ Edgar Allan Poe American writer
25. #holyjs
 @slobodan_ WITH $0.00 BUDGET
26. #holyjs
 @slobodan_ Albert Einstein German-born theoretical physicist
27. #holyjs
 @slobodan_ PART 1. SETUP AWS
28. #holyjs
 @slobodan_ Nikola Tesla Serbian American inventor
29. #holyjs
 @slobodan_ THE ONLY PREREQUISITES FOR CLAUDIA BOT BUILDER ARE AN AWS ACCOUNT
 AND NODE.JS
30. #holyjs
 @slobodan_ WHAT DO WE NEED?
31. #holyjs
 @slobodan_ (NEW) AWS USER WITH FOLLOWING PERMISSIONS: • AWS Lambda full access • IAM full access (optional) • API Gateway Administrator • API Gateway push to CloudWatch • Cloud Watch full access (optional)
32. #holyjs
 @slobodan_ LET’S SEE
33. #holyjs
 @slobodan_
34. #holyjs
 @slobodan_ PART 2. BOTFATHER
35. #holyjs
 @slobodan_ Sigmund Freud Austrian neurologist
36. #holyjs
 @slobodan_ THERE’S A TELEGRAM BOT THAT HELPS YOU TO CREATE TELEGRAM BOTS!
37. #holyjs
 @slobodan_
38. #holyjs
 @slobodan_
39. #holyjs
 @slobodan_ PART 3. SIMPLE BOT
40. #holyjs
 @slobodan_ Isaac Newton English physicist and mathematician
41. #holyjs
 @slobodan_ BEFORE WE BEGIN WE NEED TO
 INSTALL CLAUDIA https://claudiajs.com
42. #holyjs
 @slobodan_ $ npm install claudia -g
43. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { return 'Hello from HolyJS bot! You sent: ' + message.text }, { platforms: ['telegram'] }) bot.js file:
44. #holyjs
 @slobodan_ $ npm init; $ npm i claudia-bot-builder -S
45. #holyjs
 @slobodan_ $ claudia create\ --region eu-central-1\ --api-module bot\ --configure-telegram-bot
46. #holyjs
 @slobodan_
47. #holyjs
 @slobodan_ PART 4. DEBUGGING
48. #holyjs
 @slobodan_ George Orwell English novelist
49. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { console.log(message) return 'Hello from HolyJS bot! You sent: ' + message.text }, { platforms: ['telegram'] }) bot.js file:
50. #holyjs
 @slobodan_ $ claudia update
51. #holyjs
 @slobodan_
52. #holyjs
 @slobodan_ MESSAGE OBJECT
53. #holyjs
 @slobodan_ • text • sender • type • originalRequest • postback
54. #holyjs
 @slobodan_ PART 5. SEND MESSAGE / REPLY
55. #holyjs
 @slobodan_ William Shakespeare English poet
56. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { console.log(message) return 'Hello from HolyJS bot! You sent: ' + message.text }, { platforms: ['telegram'] }) bot.js file:
57. #holyjs
 @slobodan_ SIMPLY RETURN TO REPLY
58. #holyjs
 @slobodan_ BUT WHAT ABOUT ASYNC REPLIES?
59. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { return new Promise(resolve => { setTimeout(() => { resolve('Delayed reply ;)') }, 2000) }) }, { platforms: ['telegram'] }) bot.js file:
60. #holyjs
 @slobodan_ IS IT POSSIBLE TO
 REPLY WITH MULTIPLE MESSAGES?
61. #holyjs
 @slobodan_ NO!
62. #holyjs
 @slobodan_ JUST KIDDING 
 OF COURSE IT IS!
63. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { console.log(message) return [ 'Hello from HolyJS bot!', `You sent: ${message.text}` ] }, { platforms: ['telegram'] }) bot.js file:
64. #holyjs
 @slobodan_ PART 6. CUSTOM KEYBOARDS
 AND ATTACHMENTS
65. #holyjs
 @slobodan_ Coco Chanel French fashion designer
66. #holyjs
 @slobodan_ require('claudia-bot-builder').telegramTemplate
67. #holyjs
 @slobodan_ bot.js file: const botBuilder = require('claudia-bot-builder') const telegramTemplate = botBuilder. telegramTemplate module.exports = botBuilder(message => { console.log(message) return new telegramTemplate.Text('Hello') .addReplyKeyboard([['Schedule'], ['Info']]) .get() }, { platforms: ['telegram'] })
68. #holyjs
 @slobodan_
69. #holyjs
 @slobodan_ • Text messages • Custom Keyboard • Photo messages • Audio messages • Location messages • Venue messages • Stickers • Change chat action • Pause between messages
70. #holyjs
 @slobodan_ FORMATTED MESSAGES DOCS: http://bit.ly/claudia-telegram
71. #holyjs
 @slobodan_ PART 7. BOT FLOW
72. #holyjs
 @slobodan_ J. R. R. Tolkien English writer
73. #holyjs
 @slobodan_ YOUR BOT NEEDS A STORYLINE
74. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') module.exports = botBuilder(message => { console.log(message) if (message.text === ‘/start' || message.text === ‘/start start') return 'Hello, I am Igor, HolyJS bot’ return `You sent: ${message.text}` }, { platforms: ['telegram'] }) bot.js file:
75. #holyjs
 @slobodan_ • Schedule info • Current and next talk info • Conference info • Tweet with #holyjs • Help
76. #holyjs
 @slobodan_ #holyjs
 @slobodan_
77. #holyjs
 @slobodan_ IS THERE A BETTER WAY?
78. #holyjs
 @slobodan_ PART 8. SAVE THE STATE
79. #holyjs
 @slobodan_ Joan de Arc Heroine of France
80. #holyjs
 @slobodan_ DYNAMO DB
81. #holyjs
 @slobodan_ $ aws dynamodb create-table --table-name holyjs-state \ --attribute-definitions \ AttributeName=userId,AttributeType=S \ --key-schema AttributeName=userId,KeyType=HASH \ --provisioned-throughput \ ReadCapacityUnits=1,WriteCapacityUnits=1 \ --query TableDescription.TableArn --output text
82. #holyjs
 @slobodan_ DynamoDB Policy { "Version": "2012-10-17", "Statement": [ { "Action": [ "dynamodb:GetItem", "dynamodb:UpdateItem", "dynamodb:PutItem", "dynamodb:Scan" ], "Effect": "Allow", "Resource": "*" } ] }
83. #holyjs
 @slobodan_ const botBuilder = require('claudia-bot-builder') const api = botBuilder((message, originalApiRequest) => { return 'Hello from HolyJS bot! You sent: ' + message.text }, { platforms: ['telegram'] }) api.addPostDeployConfig('dynamoDbTable', 'DynamoDB:', 'configure-bot') module.exports = api bot.js file:
84. #holyjs
 @slobodan_ const AWS = require('aws-sdk') const docClient = new AWS.DynamoDB.DocumentClient()
85. #holyjs
 @slobodan_ const params = { TableName: originalApiRequest.env.dynamoDbTable, Key: { userId: id } } return docClient.get(params).promise() .then(result => console.log('OK', result.Item))
86. #holyjs
 @slobodan_ return docClient.get(params).promise() .then(result => console.log('OK', result.Item)) .catch(err => { params = { TableName: originalApiRequest.env.dynamoDbTable, Item: { userId: message.sender } } return docClient.put(params).promise() .then(res => console.log('Create', res)) })
87. #holyjs
 @slobodan_ PART 9. MULTILANGUAGE
88. #holyjs
 @slobodan_ Mark Twain American author and humorist
89. #holyjs
 @slobodan_ EASIEST SOLUTION:
 SAVE LANGUAGE SETTINGS IN THE STATE (DYNAMO DB)
90. #holyjs
 @slobodan_ #holyjs
 @slobodan_
91. #holyjs
 @slobodan_ PART 10. SCHEDULED NOTIFICATIONS
92. #holyjs
 @slobodan_ John Lennon English singer and songwriter
93. #holyjs
 @slobodan_ FOR NOTIFICATIONS: CLOUD WATCH SCHEDULED EVENTS
94. #holyjs
 @slobodan_
95. #holyjs
 @slobodan_ WE WILL USE A NEW LAMBDA FUNCTION
96. #holyjs
 @slobodan_ BUT OUR TELEGRAM TOKEN IS IN THE
 API GATEWAY
 STAGE VARIABLES!
97. #holyjs
 @slobodan_ A FEW SOLUTIONS: • AWS Lambda environment variables • Save the token in DynamoDB / State • Pass the token in the event
98. #holyjs
 @slobodan_ #holyjs
 @slobodan_
99. #holyjs
 @slobodan_ PART 11. NLP AND AI
100. #holyjs
 @slobodan_ H. P. Lovecraft American writer of horror fiction
101. #holyjs
 @slobodan_ BUTTONS ARE COOL, BUT…
102. #holyjs
 @slobodan_ API.AI WIT.AI LUIS.AI IBM WATSON
103. #holyjs
 @slobodan_ LET’S MAKE OUR BOT SMARTER WITH API.AI
104. #holyjs
 @slobodan_
105. #holyjs
 @slobodan_
106. #holyjs
 @slobodan_
107. #holyjs
 @slobodan_
108. #holyjs
 @slobodan_
109. #holyjs
 @slobodan_
110. #holyjs
 @slobodan_ #holyjs
 @slobodan_
111. #holyjs
 @slobodan_ SHOW TIME!
112. #holyjs
 @slobodan_ Salvador Dali Spanish surrealist painter
113. #holyjs
 @slobodan_
114. #holyjs
 @slobodan_ LIVE BOT: telegram.me/holyjs_bot
115. #holyjs
 @slobodan_ OR Julius Caesar Roman statesman and general
116. #holyjs
 @slobodan_ SOURCE CODE: STOJANOVIC/HOLYJS-BOT
117. #holyjs
 @slobodan_ SEND PR TO ADD NEW SKILLS: https://github.com/stojanovic/holyjs-bot
118. #holyjs
 @slobodan_ CLAUDIA BOT BUILDER CLAUDIAJS/CLAUDIA-BOT-BUILDER
119. #holyjs
 @slobodan_ THE END Marilyn Monroe American actress
120. #holyjs
 @slobodan_ QUESTIONS
 TIME @SLOBODAN_
 #HOLYJS Erwin Schrödinger Nobel Prize-winning Austrian physicist