open:mol:linebot

差異處

這裏顯示兩個版本的差異處。

連向這個比對檢視

Both sides previous revision 前次修改
下次修改
前次修改
open:mol:linebot [2026/10/14 00:36]
wenchin [編輯此段 - Panel]
open:mol:linebot [2026/10/14 02:24] (目前版本)
wenchin [🔸 能力專長]
行 17: 行 17:
   * <​badge><​text type="​warning">​day 1 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 1 ~ am</​text></​badge>​
     * 【主題】LINE 開發者生態與 Windows 開發環境建置     * 【主題】LINE 開發者生態與 Windows 開發環境建置
-    ​* 【實作】Echo Bot 鸚鵡回話機器人 +      * LINE Developers Console 申請與 Channel 設定 
-      * 於本機架設 Webhook 伺服器,解析 LINE Webhook JSON 酬載,並完成驗證簽章與文字回傳。+      * Windows Python 開發環境(VS Code / venv / pip) 
 +      * Webhook 機制原理與 ngrok 內網穿透工具 
 +      * 使用 Python Flask/​FastAPI 接收事件 
 +    ​* 【實作】Echo Bot 鸚鵡學話機器人 
 +      * 於本機架設 Webhook 伺服器,解析 LINE Webhook JSON,並完成驗證簽章與文字回傳。
  
  
行 24: 行 28:
   * <​badge><​text type="​warning">​day 1 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 1 ~ pm</​text></​badge>​
     * 【主題】LINE Messaging API 進階互動與 Flex Message 排版     * 【主題】LINE Messaging API 進階互動與 Flex Message 排版
 +      * Reply Token 限制與 Push/​Multicast 訊息機制
 +      * Quick Reply(快速回覆)按鈕與 Location/​Camera 事件
 +      * LINE Flex Message Simulator 視覺化版型設計
 +      * Python 動態生成 Bubble 與 Carousel 輪播卡片
     * 【實作】商品/​服務導覽互動卡片     * 【實作】商品/​服務導覽互動卡片
       * 設計具備縮圖、評分、價格及「立即預約/​購買」按鈕的 Flex Message 卡片輪播,回傳結構化資料。       * 設計具備縮圖、評分、價格及「立即預約/​購買」按鈕的 Flex Message 卡片輪播,回傳結構化資料。
行 30: 行 38:
   * <​badge><​text type="​warning">​day 2 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 2 ~ am</​text></​badge>​
     * 【主題】客戶資料庫設計與會員綁定機制     * 【主題】客戶資料庫設計與會員綁定機制
 +      * CRM 客戶資料模型設計(User ID、姓名、點數、消費狀態)
 +      * 免費雲端 PostgreSQL / Supabase 資料庫建置與連線
 +      * Python 串接 ORM/SQL 執行 CRUD 操作
 +      * LINE User ID 與系統內部會員資料自動對應綁定
     * 【實作】一鍵註冊與個人資料綁定模組     * 【實作】一鍵註冊與個人資料綁定模組
       * 用戶首次進入對話時,自動辨識是否為新客,並於資料庫建立客戶 Profile,具備更新資料機制。       * 用戶首次進入對話時,自動辨識是否為新客,並於資料庫建立客戶 Profile,具備更新資料機制。
行 36: 行 48:
   * <​badge><​text type="​warning">​day 2 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 2 ~ pm</​text></​badge>​
     * 【主題】LIFF 輕量網頁框架與 HTML5 表單整合     * 【主題】LIFF 輕量網頁框架與 HTML5 表單整合
 +      * LIFF (LINE Front-end Framework) 註冊與運作機制
 +      * HTML5 + 輕量 CSS 表單介面設計(響應式 Web)
 +      * LIFF SDK (v2) 初始化、取得用戶基本個資與發送訊息
 +      * 透過 JavaScript 將表單資料送往後端 API 儲存
     * 【實作】LIFF 客戶滿意度問卷與預約表單     * 【實作】LIFF 客戶滿意度問卷與預約表單
       * 在 LINE 內部直接彈出無縫 HTML5 填表介面,送出後同步將資料入庫,並自動推播確認感謝訊息。       * 在 LINE 內部直接彈出無縫 HTML5 填表介面,送出後同步將資料入庫,並自動推播確認感謝訊息。
行 42: 行 58:
   * <​badge><​text type="​warning">​day 3 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 3 ~ am</​text></​badge>​
     * 【主題】Rich Menu 動態圖文選單與分眾權限體驗     * 【主題】Rich Menu 動態圖文選單與分眾權限體驗
 +      * Rich Menu 規格與 LINE Bot Designer 版面製作
 +      * Postback Action 與 URI Action 設定策略
 +      * Messaging API 動態綁定個別使用者的專屬選單
 +      * 訪客與已綁定會員的「雙層選單」切換設計
     * 【實作】會員身分自適應圖文選單切換     * 【實作】會員身分自適應圖文選單切換
       * 訪客點擊顯示「立即加入會員」;綁定完成後,後端自動切換成包含「個人積點、歷史訂單、專屬優惠」的 VIP 選單。       * 訪客點擊顯示「立即加入會員」;綁定完成後,後端自動切換成包含「個人積點、歷史訂單、專屬優惠」的 VIP 選單。
行 48: 行 68:
   * <​badge><​text type="​warning">​day 3 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 3 ~ pm</​text></​badge>​
     * 【主題】免費雲端環境佈署(PaaS + 雲端資料庫)     * 【主題】免費雲端環境佈署(PaaS + 雲端資料庫)
 +      * 脫離本機 ngrok:現代雲端 PaaS(Render / Koyeb 免費方案)
 +      * Git 版本控制與 GitHub 託管程式碼
 +      * 自動建置部署(CI/​CD)流程與 LINE Webhook URL 切換
 +      * 環境變數管理(Channel Secret/​Token/​DB 連線字串安全)
     * 【實作】雲端生產環境上線實作     * 【實作】雲端生產環境上線實作
       * 將本地開發完成的後端服務推送至 GitHub,觸發 Render 自動部署,取得正式 HTTPS 網址對接 LINE。       * 將本地開發完成的後端服務推送至 GitHub,觸發 Render 自動部署,取得正式 HTTPS 網址對接 LINE。
行 54: 行 78:
   * <​badge><​text type="​warning">​day 4 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 4 ~ am</​text></​badge>​
     * 【主題】CRM 核心實踐:標籤分眾、排程推播與積點管理     * 【主題】CRM 核心實踐:標籤分眾、排程推播與積點管理
 +      * 客戶畫像建構:依互動與行為動態貼上標籤(Tags)
 +      * 依據標籤進行分眾群發訊息(Multicast API)
 +      * Python 背景排程(APScheduler)定期推播機制
 +      * 點數儲存、扣除與交易流水帳邏輯實作
     * 【實作】生日禮自動排程派送與點數兌換     * 【實作】生日禮自動排程派送與點數兌換
       * 系統於指定時間自動篩選「當月壽星」或「消費未滿 30 天」標籤客戶,推播專屬優惠券並更新會員帳戶點數。       * 系統於指定時間自動篩選「當月壽星」或「消費未滿 30 天」標籤客戶,推播專屬優惠券並更新會員帳戶點數。
行 60: 行 88:
   * <​badge><​text type="​warning">​day 4 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 4 ~ pm</​text></​badge>​
     * 【主題】API 安全防護、簽章驗證與架構重構     * 【主題】API 安全防護、簽章驗證與架構重構
 +      * LINE 數位簽章(HMAC-SHA256)嚴格驗證實作
 +      * 異常日誌記錄(Logging)與 API 錯誤容錯處理
 +      * LINE 免費額度限制與推播成本管控架構(Reply 優先)
 +      * 第三方外部 API(如 Google Sheets / 地圖等)串接技巧
     * 【實作】強固型生產等級 Webhook 閘道器     * 【實作】強固型生產等級 Webhook 閘道器
       * 重構現有專案,補足未授權防護、逾時重試機制、限流防護,確保正式上線不易 Crash。       * 重構現有專案,補足未授權防護、逾時重試機制、限流防護,確保正式上線不易 Crash。
行 65: 行 97:
 \\ \\
   * <​badge><​text type="​warning">​day 5 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 5 ~ am</​text></​badge>​
-    * 【主題】範例專案解構與選題建議 +    * 【主題】範例專案解構與分組專題選題建議 
-    * 【專題】學員專題規格確立與工程骨架建立 +      * 範例專案完整架構說明與業務流程拆解 
-      * 完成學員自選專案的系統流程圖、資料表欄位設計,並在本機建立專案基本架構。+      * 分組/​個人專題選題諮詢與功能規格書(PRD)確認 
 +      * 專題架構審訂:資料庫 E-R 圖與流程圖確認 
 +      * 專題骨架專案初始化與環境設定 
 +    * 【專題製作】專題規格確立與工程骨架建立 
 +      * 完成自選專案的系統流程圖、資料表欄位設計,並在本機建立專案基本架構。
  
 \\ \\
   * <​badge><​text type="​warning">​day 5 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 5 ~ pm</​text></​badge>​
     * 【主題】專案核心開發:商業邏輯與資料庫聯調     * 【主題】專案核心開發:商業邏輯與資料庫聯調
-    ​* 【專題】學員專題核心業務邏輯連通 +      * 業務邏輯實作(狀態機、會話狀態管理) 
-      * 完成從 LINE 觸發、LIFF 表單操作、資料庫存取至訊息回饋的端到端(End-to-End)閉環。+      * 資料庫關聯操作除錯與效能調校 
 +      * LIFF 介面與後端 API 資料對接 
 +      * 技術問題疑難排解 
 +    ​* 【專題製作】專題核心業務邏輯連通 
 +      * 完成從 LINE 觸發、LIFF 表單操作、資料庫存取至訊息回饋的端到端(End-to-End)循環。
  
 \\ \\
   * <​badge><​text type="​warning">​day 6 ~ am</​text></​badge>​   * <​badge><​text type="​warning">​day 6 ~ am</​text></​badge>​
     * 【主題】前端體驗優化、雲端正式佈署與壓力測試     * 【主題】前端體驗優化、雲端正式佈署與壓力測試
-    ​* 【專題】學員專案雲端正式上線與驗收演練+      * LIFF 頁面載入速度與 CSS/UI 體驗優化 
 +      * 雲端生產環境佈署調試(Render + Supabase) 
 +      * 模擬多用戶同時互動之異常狀況測試 
 +      * 發表簡報與操作展示(Demo Script)準備 
 +    ​* 【專題製作】專案雲端正式上線與驗收演練
       * 專題完整上架至公有雲端平台,生成專屬 QR Code,確保外部手機可真實掃描測試。       * 專題完整上架至公有雲端平台,生成專屬 QR Code,確保外部手機可真實掃描測試。
  
 \\ \\
   * <​badge><​text type="​warning">​day 6 ~ pm</​text></​badge>​   * <​badge><​text type="​warning">​day 6 ~ pm</​text></​badge>​
-    * 【主題】專題發表、綜合討論 +    * 【主題】專題發表、實機互動展示、綜合討論 
-    * 【展示】分組進行專題成果發表、實機互動展示、與討論+      * 專案發表:商業價值介紹、技術架構說明、手機實機 ​Live Demo 
 +      * 技術亮點分析、商業可行性回饋與架構改進建議 
 +      * 課程全盤回顧、職涯銜接與後續延伸學習資源推薦
  
 </​panel>​ </​panel>​
行 95: 行 141:
 <text type="​warning">​ ※可用於行銷文宣,以求能精準吸引到目標群眾。</​text>​ <text type="​warning">​ ※可用於行銷文宣,以求能精準吸引到目標群眾。</​text>​
  
-  * 本課程專為想掌握商業即時互動與客戶營運工具的在職人士及轉職者設計。課程緊扣台灣最具普及度的 ​LINE 官方帳號生態,結合當前主流程式語言 Python、輕量化 HTML5/LIFF 網頁技術,以及免費雲端服務架構(PaaS / 雲端資料庫)。 +  * 在台灣,LINE 幾乎是企業進行客戶關係管理(CRM)與自動化服務的標配。本課程緊扣 LINE 官方提供的各式工具,結合當前主流程式語言 Python、輕量化 HTML5/LIFF 網頁技術,以及免費雲端服務架構(PaaS / 雲端資料庫),進行多項的實作練習。 
-  * 透過扎實的實務引導,學員不僅能在本機 Windows 快速建立開發原型,更能親自將專案佈署至真正的公有雲生產環境。課程涵蓋從「互動機器人設計」、「會員資料庫串接」、「動態圖文選單分眾」、「自動化排程推播」到「實體商業專案落地」等核心環節,協助學員跳脫單向發送廣告的傳統模式,具備打造高互動、高轉換率之企業級「LINE 智慧客戶管理(CRM)系統」的完整即戰力。+  * 透過扎實的實務引導,學員不僅能在本機 Windows 快速建立開發原型,更能親自將專案佈署至雲端生產環境。 
 +  * 課程涵蓋從「互動機器人設計」、「會員資料庫串接」、「動態圖文選單分眾」、「自動化排程推播」到「實體商業專案落地」等核心環節,協助學員跳脫單向發送廣告的傳統模式,具備打造高互動、高轉換率之企業級「LINE 智慧客戶管理(CRM)系統」的完整即戰力。
  
  
行 102: 行 149:
 ==== 🔸 課程特色 ==== ==== 🔸 課程特色 ====
 ===  簡述課程概要: === ===  簡述課程概要: ===
-  * 課程內容分為四大核心模組與專案實作:+  * 課程內容分為四大核心模組與專題實作:
     - 基礎與訊息引擎: Windows 下的 Python 開發環境、LINE Developers 架構、Webhook 接收解析與高質感 Flex Message 介面設計。     - 基礎與訊息引擎: Windows 下的 Python 開發環境、LINE Developers 架構、Webhook 接收解析與高質感 Flex Message 介面設計。
     - 資料庫與網頁整合: 免費雲端 PostgreSQL 資料庫連線、ORM 應用、LINE User 綁定,以及使用 HTML5 + LIFF SDK 打造免下載的彈出式操作介面。     - 資料庫與網頁整合: 免費雲端 PostgreSQL 資料庫連線、ORM 應用、LINE User 綁定,以及使用 HTML5 + LIFF SDK 打造免下載的彈出式操作介面。
-    - 動態選單與雲端佈署: 角色自適應動態 Rich Menu 切換技術、Git/​GitHub 版本控制,以及將專案免費佈署至公有雲平台(如 Render)實現 24 小時不中斷運行。+    - 動態選單與雲端佈署: 角色自適應動態 Rich Menu 切換技術、Git/​GitHub 版本控制,並將系統佈署至免費的雲端平台(如 Render)。
     - CRM 商業邏輯與安全性: 標籤自動化、分眾推播、排程訊息、會員點數系統實作,與安全簽章防護機制。     - CRM 商業邏輯與安全性: 標籤自動化、分眾推播、排程訊息、會員點數系統實作,與安全簽章防護機制。
-    - 商業專案實作與成果發表: 以「智慧預約與會員集點 CRM 系統」為題進行深度示範,並協助學員選定主題獨立開發、正式雲端上線,最終於課堂進行實機展示和討論。+    - 商業專題實作與成果發表: 以「智慧預約與會員集點 CRM 系統」為題進行深度示範,並協助學員選定主題獨立或分組開發、正式雲端上線,最終於課堂進行實機展示和討論。
  
  
行 143: 行 190:
 <text type="​warning">​ ※填寫適合的關鍵字,讓學員可依照關鍵字搜尋到本課程。</​text>​ <text type="​warning">​ ※填寫適合的關鍵字,讓學員可依照關鍵字搜尋到本課程。</​text>​
  
-  * 全端開發: \\ Python, Django, 網站開發 (Web Development),​ 後端工程 ​(Backend Engineering), 全端整合 (Full Stack), 響應式網頁設計 (RWD), UI/UX +  * LINE 
-  * 資料庫: \\ 資料庫設計 (Database Design), SQL, MySQL, MariaDB, ORM,  +    * LINE Bot 
-  * 系統整合: \\ RESTful API, OAuth+    * LINE Front-end Framework ​(LIFF) 
 +    * LINE Messaging API 
 +  * Database 
 +    * 雲端資料庫應用 
 +    * PostgreSQL 
 +  * 系統開發 
 +    * Python 程式設計 
 +    * 客戶關係管理 ​(CRM) 
 +    * HTML5 前端整合 
 +    * 自動化行銷系統 
 +    * 雲端系統佈署 (PaaS)
  
  
行 157: 行 214:
     - 對 HTML、CSS 網頁製作及 JavaScript 程式語言有意提升或有經驗者。     - 對 HTML、CSS 網頁製作及 JavaScript 程式語言有意提升或有經驗者。
     - 對 SQL 關聯式資料庫有意提升或有經驗者。     - 對 SQL 關聯式資料庫有意提升或有經驗者。
 +    - 對 LINE Bot 及 CRM應用程式開發有興趣者。
  
  
行 167: 行 225:
 \\ \\
 ==== 🔸 課程使用軟體(開發環境) ==== ==== 🔸 課程使用軟體(開發環境) ====
-  * Python v3 +  * 本機端軟體與開發工具(Windows 環境) 
-  * Visual Studio Code +    * Visual Studio Code (VS Code) 
-  * MariaDB ​/ MySQL Database Server+    * Python 3.x(含 venv / pip) 
 +    * Git 
 +    * ngrok 
 +    * LINE Bot Designer 
 + 
 + 
 +  * 核心 Python 開發套件清單(requirements.txt 核心項目) 
 +    * Web 框架: fastapi + uvicorn 或 flask(處理 Webhook 事件與 LIFF 後端 API) 
 +    * LINE 官方 SDK: line-bot-sdk(解析 Webhook Event、建立 Flex Message、呼叫 Messaging API) 
 +    * 資料庫連線驅動: psycopg2-binary、asyncpg 或 SQLAlchemy(連線與存取雲端 PostgreSQL) 
 +    * 背景排程: apscheduler(執行預約前自動推播、排程生日禮) 
 +    * 環境變數管理: python-dotenv(安全管理 Token、Channel Secret 與資料庫密碼,防止機密上傳至 GitHub) 
 + 
 + 
 +  * LINE 官方平臺與線上工具 
 +    * LINE Developers Console 
 +    * LINE Official Account Manager 
 +    * LINE Flex Message Simulator 
 +    * LIFF (LINE Front-end Framework) 
 + 
 + 
 +  * 雲端平臺與託管服務(正式生產環境) 
 +    * GitHub 
 +    * Render (或備選 Koyeb) 
 +    * Supabase (雲端 PostgreSQL) 
 +    * 外部雲端 API (Google Maps / Sheets 等)
  
  
  • open/mol/linebot.1791909388.txt.gz
  • 上一次變更: 2026/10/14 00:36
  • 由 wenchin