差異處
這裏顯示兩個版本的差異處。
| Both sides previous revision 前次修改 下次修改 | 前次修改 | ||
|
open:mol:linebot [2026/10/14 00:06] wenchin |
open:mol:linebot [2026/10/14 02:24] (目前版本) wenchin [🔸 能力專長] |
||
|---|---|---|---|
| 行 16: | 行 16: | ||
| * <badge><text type="warning">day 1 ~ am</text></badge> | * <badge><text type="warning">day 1 ~ am</text></badge> | ||
| - | * LINE 開發者生態與 Windows 開發環境建置 | + | * 【主題】LINE 開發者生態與 Windows 開發環境建置 |
| + | * LINE Developers Console 申請與 Channel 設定 | ||
| + | * Windows Python 開發環境(VS Code / venv / pip) | ||
| + | * Webhook 機制原理與 ngrok 內網穿透工具 | ||
| + | * 使用 Python Flask/FastAPI 接收事件 | ||
| + | * 【實作】Echo Bot 鸚鵡學話機器人 | ||
| + | * 於本機架設 Webhook 伺服器,解析 LINE Webhook JSON,並完成驗證簽章與文字回傳。 | ||
| \\ | \\ | ||
| * <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 卡片輪播,回傳結構化資料。 | ||
| \\ | \\ | ||
| * <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,具備更新資料機制。 | ||
| \\ | \\ | ||
| * <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 客戶滿意度問卷與預約表單 | ||
| + | * 在 LINE 內部直接彈出無縫 HTML5 填表介面,送出後同步將資料入庫,並自動推播確認感謝訊息。 | ||
| \\ | \\ | ||
| * <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 選單。 | ||
| \\ | \\ | ||
| * <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。 | ||
| \\ | \\ | ||
| * <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 天」標籤客戶,推播專屬優惠券並更新會員帳戶點數。 | ||
| \\ | \\ | ||
| * <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 閘道器 | ||
| + | * 重構現有專案,補足未授權防護、逾時重試機制、限流防護,確保正式上線不易 Crash。 | ||
| \\ | \\ | ||
| * <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> | ||
| - | * 【專題製作】專案核心開發:商業邏輯與資料庫聯調 | + | * 【主題】專案核心開發:商業邏輯與資料庫聯調 |
| + | * 業務邏輯實作(狀態機、會話狀態管理) | ||
| + | * 資料庫關聯操作除錯與效能調校 | ||
| + | * 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,確保外部手機可真實掃描測試。 | ||
| \\ | \\ | ||
| * <badge><text type="warning">day 6 ~ pm</text></badge> | * <badge><text type="warning">day 6 ~ pm</text></badge> | ||
| - | * 【成果展示】專題發表、綜合討論 | + | * 【主題】專題發表、實機互動展示、綜合討論 |
| + | * 專案發表:商業價值介紹、技術架構說明、手機實機 Live Demo | ||
| + | * 技術亮點分析、商業可行性回饋與架構改進建議 | ||
| + | * 課程全盤回顧、職涯銜接與後續延伸學習資源推薦 | ||
| </panel> | </panel> | ||
| 行 71: | 行 141: | ||
| <text type="warning"> ※可用於行銷文宣,以求能精準吸引到目標群眾。</text> | <text type="warning"> ※可用於行銷文宣,以求能精準吸引到目標群眾。</text> | ||
| - | * <WRAP> | + | * 在台灣,LINE 幾乎是企業進行客戶關係管理(CRM)與自動化服務的標配。本課程緊扣 LINE 官方提供的各式工具,結合當前主流程式語言 Python、輕量化 HTML5/LIFF 網頁技術,以及免費雲端服務架構(PaaS / 雲端資料庫),進行多項的實作練習。 |
| - | 從 Python Django 開發環境建置起步,再深入瞭解 Django 核心架構及各種客製化應用的技術。 | + | * 透過扎實的實務引導,學員不僅能在本機 Windows 快速建立開發原型,更能親自將專案佈署至雲端生產環境。 |
| - | 除了學習基本的資料庫綱要及模型設計,並寫出對應的表單資料輸入及報表輸出的程式碼之外,更進一步要能掌握企業級網站開發的關鍵技術,包含: | + | * 課程涵蓋從「互動機器人設計」、「會員資料庫串接」、「動態圖文選單分眾」、「自動化排程推播」到「實體商業專案落地」等核心環節,協助學員跳脫單向發送廣告的傳統模式,具備打造高互動、高轉換率之企業級「LINE 智慧客戶管理(CRM)系統」的完整即戰力。 |
| - | - 資料存取權限分級 | + | |
| - | - RESTful API 串接 | + | |
| - | - 第三方登入 (OAuth) 整合 | + | |
| - | - 即時通訊 WebSocket 應用 | + | |
| - | - 關於 UI/UX 國際化之多國語言和多時區的實作考量 | + | |
| - | - 客製化 Admin Site,完美支援系統營運管理與維護作業 | + | |
| - | + | ||
| - | 本課程透過多個完整的範例實作和講解,提供您在面對問題時所需要的各種解決方案,協助您建構並產出高實用性、具備商業價值的網站應用程式,成為業界搶手的即戰力人才! | + | |
| - | </WRAP> | + | |
| 行 88: | 行 149: | ||
| ==== 🔸 課程特色 ==== | ==== 🔸 課程特色 ==== | ||
| === 簡述課程概要: === | === 簡述課程概要: === | ||
| - | * 本課程包含 16 個主題單元,分別為: \\ Django 簡介、Polls 民調問卷範例、Django ORM、Admin Site、MTV 設計模式、View 及 Template、RWD、Form 與 Formset、FileField 與檔案管理、logging 日誌管理、RESTful API、Sessions 與 Cookies、JWT、OAuth 2.0、多國語言及時區、自動化測試。 | + | * 課程內容分為四大核心模組與專題實作: |
| + | - 基礎與訊息引擎: Windows 下的 Python 開發環境、LINE Developers 架構、Webhook 接收解析與高質感 Flex Message 介面設計。 | ||
| + | - 資料庫與網頁整合: 免費雲端 PostgreSQL 資料庫連線、ORM 應用、LINE User 綁定,以及使用 HTML5 + LIFF SDK 打造免下載的彈出式操作介面。 | ||
| + | - 動態選單與雲端佈署: 角色自適應動態 Rich Menu 切換技術、Git/GitHub 版本控制,並將系統佈署至免費的雲端平台(如 Render)。 | ||
| + | - CRM 商業邏輯與安全性: 標籤自動化、分眾推播、排程訊息、會員點數系統實作,與安全簽章防護機制。 | ||
| + | - 商業專題實作與成果發表: 以「智慧預約與會員集點 CRM 系統」為題進行深度示範,並協助學員選定主題獨立或分組開發、正式雲端上線,最終於課堂進行實機展示和討論。 | ||
| 行 95: | 行 161: | ||
| <text type="warning"> ※描述學員在學科理論面能獲得的知識。</text> | <text type="warning"> ※描述學員在學科理論面能獲得的知識。</text> | ||
| - | * 現代 Web 開發核心理論: 深入淺出,解析 Django 架構 (Framework)、深入理解 Django 經典的 MTV (Model-Template-View) 設計模式,學習如何高效組織專案結構。 | + | * 掌握 Webhook 雙向通訊、事件驅動架構(Event-Driven Architecture)與 RESTful API 設計理念。 |
| - | * 資料庫抽象化思維: 透過 Django ORM 技術,學習以「物件導向」方式操作關聯式資料庫,取代傳統繁瑣的 SQL 語法,並掌握資料遷移 (Dta Migration) 與關聯設計 (Relationships) 的正確觀念。 | + | * 深入理解 LINE Messaging API 與 LIFF 核心運作生命週期、安全性簽章驗證機制(HMAC-SHA256)及成本控管策略。 |
| - | * 網頁及 API 存取的安全標準: 從基礎的 HTTP 協定延伸至 RESTful API 設計原則,並深入研討 Session、Cookies、JWT (JSON Web Tokens) 及 OAuth 2.0 等現代化身份驗證與授權機制。 | + | * 建立關聯式資料庫(RDBMS)正規化設計概念,掌握 CRM 系統的核心實體關係(用戶畫像、交易行為、標籤關聯)。 |
| + | * 建立現代雲端 PaaS 生態與 CI/CD 自動化持續部署之系統架構觀念。 | ||
| 行 104: | 行 170: | ||
| === b. 技能: === | === b. 技能: === | ||
| <text type="warning"> ※描述實際操作體驗能獲得的練習方式與內容。</text> | <text type="warning"> ※描述實際操作體驗能獲得的練習方式與內容。</text> | ||
| - | + | * 熟練在 Windows 作業系統中配置 Python 虛擬環境、套件管理與 ngrok 本機穿透測試。 | |
| - | * 全方位的實作能力: 以範例實作來驗證相關的技術和理論,練就全方位開發手感。 | + | * 具備使用 Python 操作雲端資料庫(CRUD 存取、事務處理、會員權限檢驗)的撰寫能力。 |
| - | * 全端整合實戰: 透過 Django 的 MTV 設計模式,讓前後端整合工作輕鬆快速、一氣呵成。再進一步使用 Bootstrap 優化 RWD 介面、透過 Echarts 實現資料視覺化,並利用 AJAX 與 WebSocket 達成前後端即時互動。 | + | * 能運用 HTML5 與 LIFF v2 SDK 獨立刻劃表單,並與後端 API 進行非同步資料對接。 |
| - | * 多重認證系統整合: 允許多套認證系統並存,包含:Django 預設的認證系統、JWT 擴增功能、或結合 OAuth 2.0 授權協議等。 | + | * 能運用 LINE Bot Designer 與程式化 API,設計具備條件判斷功能的「動態 Rich Menu」。 |
| - | * 資料存取權限分級: 允許不同群組或角色的使用者,對相同的資源 (URL Path) 賦予不同的存取權限,或限制其所能存取的資料內容。 | + | * 具備將程式碼託管至 GitHub,並串接公有雲 PaaS 平台進行自動化建置上線的工程實作能力。 |
| - | * 高階套件應用: 實作業界常用的 Django 擴充套件,包括 Django REST Framework (DRF) 建置 API、django-allauth 整合 Google 或 FB 登入、以及 SimpleJWT 實作資安防護。 | + | |
| - | * 掌握的軟體工程及軟體生命週期: 從系統分析、資料庫設計、VS Code 開發與除錯技巧 (Debugging)、自動單元測試 (Automated Testing)、日誌管理 (Logging)、透過 Admin Site 進行營運管理與維護,與業界標準作業流程無縫接軌。 | + | |
| 行 117: | 行 181: | ||
| <text type="warning"> ※上完本課程後,學員在職涯上有什麼實際的效果與幫助。</text> | <text type="warning"> ※上完本課程後,學員在職涯上有什麼實際的效果與幫助。</text> | ||
| - | * 產出導向: 打造具備競爭力的職涯履歷。 | + | * 即戰力作品集建立: 結訓時每位學員皆能完成至少一套「正式雲端上線、手機可直接掃描實測」的商業級專題,大幅提升面試與接案說服力。 |
| - | * 獨立開發能力:結訓後,學員將具備從零開始規劃、設計並部署一個功能完善網站系統的能力,不再依賴片段的網路教學。 | + | * 企業數位轉型賦能: 針對中小企業或行銷企劃人員,能自行架設專屬 CRM 與自動化客服系統,取代昂貴的外包套裝軟體。 |
| - | * 作品集累積:課程包含多個實務專案演練(如民調系統、圖表報表、權限管理系統),學員可將其轉化為求職作品集,證明自己具備解決複雜問題的技術實力。 | + | * 工程思維養成與跨域整合: 打通「前端介面(LIFF)+ 後端邏輯(Python)+ 雲端資料庫(PostgreSQL)+ 雲端部署」的全端串接思維,為晉升全端工程師或軟體架構師打下良好基石。 |
| - | * 職務銜接:直接對接 Python 後端工程師、全端開發工程師等熱門職缺需求,大幅縮短職場磨合期。 | + | |
| 行 128: | 行 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) | ||
| \\ | \\ | ||
| ==== 🔸 學員資格 ==== | ==== 🔸 學員資格 ==== | ||
| - | * 學歷:高中/職(含)以上 | + | * 學歷: 高中/職(含)以上 |
| + | * 年齡: 年滿15歲以上 | ||
| * 資格條件: | * 資格條件: | ||
| - 具備電腦基本操作能力。 | - 具備電腦基本操作能力。 | ||
| - | - 對 Python 程式語言稍具概念者。 | + | - 對 Python 程式語言有意提升或有經驗者。 |
| - | - 對 HTML、CSS 網頁製作 及 JavaScript 程式語言稍具概念者。 | + | - 對 HTML、CSS 網頁製作及 JavaScript 程式語言有意提升或有經驗者。 |
| - | - 對 SQL 關聯式資料庫稍具概念者。 | + | - 對 SQL 關聯式資料庫有意提升或有經驗者。 |
| + | - 對 LINE Bot 及 CRM應用程式開發有興趣者。 | ||
| 行 151: | 行 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 等) | ||