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.
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

0

Share

【用 Bottender 打造你的第一隻 Messenger Bot】20180411@台灣大學

Download to read offline

Bottender 為優拓資訊打造並開源的多平台 Chatbot Framework,可支援包含 LINE、Facebook、Slack、Telegram 在內的多種平台,充分模組化且靈活的優勢,使得 Bottender 自推出後即獲得許多好評與使用。目前已在 GitHub 上累積逾 2000 Stars,更曾登上 GitHub Trending 的 JavaScript 類第二名、不分類第三名。

本課程由 Bottender 團隊成員親自講授,除了介紹 Bot 在 Messenger 上的作用、分析現有工具與 Bottender 的特色外,也將會手把手帶領學員用 Bottender 完成一隻簡單的 Chatbot。

Bottender | https://bottender.js.org/
優拓資訊 | http://yoctol.com/

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

【用 Bottender 打造你的第一隻 Messenger Bot】20180411@台灣大學

  1. 1. •參參與開源社群與專案約 4 年年 •GraphQL Taiwan 共同發起⼈人 •開發維護 electron-react-boilerplate、awesome-graphql、 koa-graphql、bottender、messaging-apis 等活躍的專案 •貢獻過許多開源專案,例例如:react、redux、webpack、 koa 等
  2. 2. YOCTOL INFO INC. @ 2018 Copyright. All rights reserved 4 WE AI YOUR
 BUSINESS BY BOT. YOCTOL.AI Your Conversational A.I. Solution
  3. 3. YOCTOL INFO INC. @ 2018 Copyright. All rights reserved 5 非常的⽀支持 Open Source 的精神
  4. 4. 不要重複開發輪輪⼦子 如果有很好很適合的輪輪⼦子的話
  5. 5. 為什什麼我們選擇⾃自幹 Bot 框架?
  6. 6. •既有的框架有些不夠彈性 •既有的框架有些測試涵蓋率不夠⾼高 •既有的框架有些原始碼可讀性不夠 •既有的框架⼤大多沒妥善運⽤用 Promise 跟 Async/ Await 的寫法 tl;dr
  7. 7. 曾登上 GitHub Trending Top 3
  8. 8. •能發揮各平台所有的功能,並部份兼容 •內建針對使⽤用者的狀狀態管理理 •測試涵蓋率⾼高 - > 90% •運⽤用 Promise 跟 Async/ Await 的寫法,避免 Event ⾶飛來來⾶飛去 特⾊色
  9. 9. ⽀支援平台 Messenger LINE Slack Telegram Console Viber
  10. 10. Messenger 有航空相關的 Template
  11. 11. LINE 可以⾃自⼰己產⽣生圖片式的 Imagemap
  12. 12. Learn Once, Write Anywhere - 從 React、React Native 得到的啟發
  13. 13. 撰寫⼀一個介⾯面 ⽀支援所有平台的所有功能是 不可能的 X
  14. 14. 提供最簡介⾯面
 但⽀支援所有的可能性 O
  15. 15. 如同 在 iOS 跟 Android 上開發 UI
  16. 16. 內建使⽤用者狀狀態管理理
  17. 17. 內建使⽤用者狀狀態管理理
  18. 18. •Memory:⽅方便便易易使⽤用,但重啟會消失 •File •Redis •Mongo 可以存在不同的 Store
  19. 19. 開發
  20. 20. 安裝
  21. 21. 互動式初始化
  22. 22. 先選擇 console + memory 安裝要稍待片刻
  23. 23. 產⽣生的 index.js 都回覆 Hello World
  24. 24. 執⾏行行
  25. 25. 試著隨機講笑話
  26. 26. 更更進⼀一步,只回應講笑話
  27. 27. 來來加上查詢比特幣的功能
  28. 28. CoinMarketCap API
  29. 29. 先準備好 API Client
  30. 30. 輸入 btc, bitcoin 都會觸發
  31. 31. 接著看 Messenger
  32. 32. •粉絲⾴頁 Page •Facebook Application 應⽤用程式 •以及剛剛的程式 前置準備
  33. 33. 現在新申請的 App 不能拿 Token..QQ
  34. 34. 最近的劍橋事件
  35. 35. 讓平台兼容
  36. 36. 兼容 Messenger ??? Messenger 要開 Server
  37. 37. 開發可以使⽤用 ngrok
  38. 38. 使⽤用 Now 來來部署
  39. 39. 部署 這麼簡單就做完了了嗎? 如果有⽤用環境變數記得要給
  40. 40. •chentsulin/bottender-ntu-demo (可以⽤用 tag ⼀一步⼀一步看) •以 JavaScript 撰寫簡單的卡米狗 •輕鬆揪團不求⼈人!在 LINE 上打造屬於你的 Chatbot 揪團⼩小幫⼿手 •Bottender GitHub Repository •Bottender Website 參參考資料
  41. 41. Thanks for Your Listening

Bottender 為優拓資訊打造並開源的多平台 Chatbot Framework,可支援包含 LINE、Facebook、Slack、Telegram 在內的多種平台,充分模組化且靈活的優勢,使得 Bottender 自推出後即獲得許多好評與使用。目前已在 GitHub 上累積逾 2000 Stars,更曾登上 GitHub Trending 的 JavaScript 類第二名、不分類第三名。 本課程由 Bottender 團隊成員親自講授,除了介紹 Bot 在 Messenger 上的作用、分析現有工具與 Bottender 的特色外,也將會手把手帶領學員用 Bottender 完成一隻簡單的 Chatbot。 Bottender | https://bottender.js.org/ 優拓資訊 | http://yoctol.com/

Views

Total views

2,912

On Slideshare

0

From embeds

0

Number of embeds

2,259

Actions

Downloads

9

Shares

0

Comments

0

Likes

0

×