PHP 也有 Day #49：邊緣人救星！用 Laravel 打造私人定製的聊天機器人

LINE Chatbot 介紹
* LINE 的來由
* 為何需要 Chatbot？
* LINE Chatbot 的應用
* LINE@ 2.0 方案介紹
* LINE Chatbot 申請

Laravel 設置
* LINE bot SDK
* webhook URL
* Messaging API
* Rich Menu
* LIFF apps
* LINE Notify

Transcript

1. 邊緣人救星！ 用 Laravel 打造 私人定製的聊天機器人 李小胖 PHP也有Day #49 20191029
2. 你認識李小胖嗎？
3. 李小胖 • 全端工程師 • 自由工作者 • 最近在學設計 • PHP • Vue.js • Python • 陸續增加中 • Laravel Dojo • WordPress • Chatbot TW • Devops TW • 台灣拉麵愛好會 • 陸續增加中
5. 工商時間
6. Aganda • LINE Chatbot 介紹 • Laravel 設置 • Live Demo • 總結
7. LINE Chatbot 介紹 • LINE 的來由 • 為何需要 LINE Chatbot？ • LINE Chatbot 的應用 • LINE 官方帳號 2.0 方案介紹 • LINE Chatbot 申請
8. LINE 的由來 • Naver 創辦人李海珍因311大地震導致無法即時聯絡家人的 想法，而在日本推出 LINE 即時通訊軟體 • 由 Naver 集團旗下 LINE 株式會社所開發的即時通訊軟體 綜合平台 • 總公司是韓國，LINE 株式會社在日本 • 於2011年6月發表
9. 為何需要 LINE Chatbot？ • 自動化 • 開發簡單 • 與顧客直接接觸 • 點擊率較高 • LINE 台灣活躍用戶破2,100萬
10. LINE Chatbot 的應用 • TaxiGo (LINE Taxi) • 微股力 • 記帳雞 • 多國語即時翻譯 • 快速買早餐
11. LINE 官方帳號 2.0 方案介紹 • 2019/4/18 之後開始申請 • 整合以前的 LINE@ • 以量計價
12. 類型
13. 舊價格
14. 價格
15. LINE Chatbot 申請 • LINE for Business ◦ https://www.linebiz.com/tw/ • LINE Developers ◦ https://developers.line.biz/console/ • Provider - 組織 • Channel - Bot
16. 工商時間 Chatbot TW meetup #14 預計時間：11/27 預計地點：Onramp
17. Laravel 設置 • 服務架構 • LINE bot SDK • webhook URL • Messaging API • Rich Menu • LIFF apps • LINE Notify
18. 服務架構
19. LINE bot SDK • LINE 官方 SDK - linecorp/line-bot-sdk ◦ https://packagist.org/packages/linecorp/line-bot-sdk • 超好用 PHP HTTP Client 套件 - guzzlehttp/guzzle ◦ https://packagist.org/packages/guzzlehttp/guzzle
20. webhook URL • HTTPS • 開發推薦使用 Ngrok • Middleware\VerifyCsrfToken
21. Live Demo
22. Messaging API • 官方API文件 ◦ https://developers.line.biz/en/docs/messaging-api/overview/ • Send reply messages • Send push messages
23. Text message • 文字訊息 • 可以包含 emoji
24. Sticker message • 貼圖訊息 • 目前只有幾張貼圖而已 • 官方列表 ◦ https://developers.line.biz/media/messaging-api/sticker_list.pdf
25. Image message • 圖片訊息 • HTTPS • Max: 4096 x 4096
26. Video message • 影片訊息 • HTTPS • mp4 • Max: 1 minute
27. Audio message • 聲音訊息 • HTTPS • m4a • Max: 1 minute
28. Location message • 位置訊息 • 通常會配合地圖選取器
29. Imagemap message • 影像地圖訊息 • 可以圖片，也可以影片 • 多張會合併起來
30. Template message • 樣板訊息 • Buttons • Confirm • Carousel • Image carousel
31. Buttons template • 按鈕樣版 • 按鈕可以搭配action
32. Confirm template • 確認樣版 • 只提供兩個按鈕 • 不一定要Yes和No
33. Carousel template • 輪播樣版 • 左右排版 • 最多10個
34. Image carousel template • 圖片輪播樣版 • 最多10個 • 只能放一張圖片
35. Flex Message • 客製化樣版訊息 • 有官方模擬器 ◦ https://developers.line.biz/console/fx/ • 好看 • 超難排版 • 程式碼超多
36. Quick reply • 快速回復按鈕 • 方便限制使用者回復的內容 • 可以綁Action • Max: 13 objects
37. Rich Menu • 管理後台新增 • API新增 • Image size (pixels): ◦ 2500x1686 ◦ 2500x843 ◦ 1200x810 ◦ 1200x405 ◦ 800x540 ◦ 800x270 • Postman
38. LIFF apps • 前端頁面 • https://static.line-scdn.net/liff/edge/2.1/sdk.js • 官方說明文件 ◦ https://developers.line.biz/en/docs/liff/developing-liff-apps/ • 需要認證授權 • 常用的語法 ◦ liff.init() ◦ liff.sendMessages() ◦ liff.closeWindow() ◦ liff.isInClient()
39. LINE Notify • 獨立的服務 ◦ https://notify-bot.line.me/zh_TW/ • 官方聊天機器人 • 免費 • 需要認證授權
40. 工商時間 • 徵 PHP 全端工程師、Python 工程師、Android 工程師 • 工作地點：新光三越台南西門新天地附近
41. 總結 • 超級無敵多應用 • 免費可以，但是很麻煩 • LIFF超猛 • 聊天機器人就是潮
42. One more thing...
43. WordCamp Taipei 2019 售票中 • 12 月 28 日 集思台大會議中心
44. Q&A