前言

近年來由於通訊軟體 (Messenger、LINE、WhatsApp...) 成為普遍人們最常使用的 App，總使用的時間也隨著漸漸攀高，再加上各軟硬大廠 (Amazon、Google...) 紛紛踏入語音助理的戰場，讓所謂聊天機器人與語音助理能見度越來越高，應用情境也越來越廣泛。

由於這個產業還在興起，許多通訊平台與功能求新求變，目前我鮮少看到探討 Chatbot 文章或系列文，能用軟體的角度同時兼顧到程式碼彈性、可讀性、可維護性、可測試性等等軟體的指標，並探討有利於維護龐大架構的模式，所以才興起寫這個系列的念頭，也希望藉這個機會能跟 Chatbot 開發者多多交流。

另一方面，最近正在推動開發開源 Chatbot 框架 - 「Bottender」 的 v1.0 版，這會是個比較大的改版，希望藉由寫文章的方式去持續反思程式設計，最後能推敲出更易用好維護的 API，讓自己跟大家都能更滿意。

筆者兩年前曾經在鐵人賽寫過「使用 Modern Web 技術來打造 Native App」系列文，跟這系列脈絡非常類似，只是把技術領域更擴展到 Chat 端，相信這類文章對於已經熟悉網站前後端的 JavaScript 開發者來說會非常容易上手。

Chatbot 開發者要同時擁有前端的設計敏銳度來處理複雜 Conversational UI，同於又需要擁有 Server 的知識來處理 Session、Database，或甚至處理大流量上的問題，真的是給全端工程師很大發揮空間。而許多網站、App 的工程手段套用到 Chat 領域也是非常適用。

雖然對於連續寫三十天不大有把握，但要寫完三十篇應該不難，就算沒有完賽我也會努力把這系列補完的。

這系列文章不要求讀者需要非常了解 JavaScript，也不會使用任何艱澀難懂或篇幅過長的程式碼，範例都以小巧易懂為主，但最低要求是需要讀者準備 Node.js 的執行環境，若還沒有可以自行在 Node.js 官網 或其他適合的管道進行安裝。

以下是本系列的目錄：

前言

• Day 01：讓前端、後端 JavaScript 開發者都能上手的 Chat App 教學

Bottender 入門與概念

• Day 02：Bot 開發起手式
• Day 03：快速學會 Bottender 基礎概念
• Day 04：Console Mode 還能怎麼玩，開發與 Debug 技巧
• Day 05：串接 API，讓 Chatbot 不是只能講幹話

Messenger 特色與應用

• Day 06：把前幾天的聊天機器人都搬上 Messenger
• Day 07：Messenger 的事件處理基礎
• Day 08：按鈕、快速回覆的使用方法與重要性
• Day 09：設定「開始使用」按鈕、「歡迎文字」與「常駐選單」
• Day 10：透過 Inbox 轉接真人客服

中場休息：如何快速啟動一個新的 Bottender 專案

• Day 11：用「Create Bottender App」來 Create Bottender App

LINE 特色與應用

• Day 12：帶著聊天機器人來到 LINE
• Day 13：LINE 的事件處理基礎
• Day 14：彈性的極致 - Imagemap 與 Flex
• Day 15：機器人亂入下的「多人對話」、「群組聊天」
• Day 16：對話式 App 的必要之惡 - 「Webview」

常見模式

• Day 17：屬於機器人的跨平台策略
• Day 18：「Composition」- 組合的奧秘
• Day 19：使用「Router」來做功能分流
• Day 20：責任鏈模式 - 「Chain」的思考
• Day 21：什麼是「有限狀態機」？
• Day 22：在機器人裡面運用「有限狀態機」

AI 扮演的角色與應用

• Day 23：AI 怎麼參與自然語言「理解」與「生成」？
• Day 24：問與答的應用 -「QnA Maker」
• Day 25：「意圖」與「實體」的應用 -「Dialogflow」

中場休息：模組化技巧

• Day 26：Action 傳參數與模組化 - 傑出的一手

錯誤處理、測試與部署上線

• Day 27：聊天機器人的錯誤處理
• Day 28：有效測試的方法論
• Day 29：把機器人部署到「Heroku」

心得與後記

• Day 30：寫在最後