iT邦幫忙

鐵人檔案

2025 iThome 鐵人賽
回列表
Modern Web

Line Bot × NestJS:30 天開發日記 系列

本系列以 Line Bot 開發為核心,搭配 NestJS 框架,涵蓋 Line Messaging API、Rich Menu、LIFF 與 Line Pay 四大主題。最後將整合 LIFF 與後端系統,實作完整的會員管理功能,帶你從零開始掌握聊天機器人開發。

參賽天數 22 天 | 共 22 篇文章 | 8 人訂閱 訂閱系列文 RSS系列文
DAY 11

Day 11:LINE Bot Text Emoji 與 Sticker 訊息回覆

前言 目前我們的 LINE Bot 主要使用 Text 方式回覆訊息。今天將探討 Text 類型的 Emoji 應用,以及 Sticker 回覆方式,基於 D...

2025-09-24 ‧ 由 Antonio 分享
DAY 12

Day 12:LINE Bot Image、Video、Audio、Location 訊息回覆

前言 Day 11 文章中,我們針對 LINE Bot 可以回覆的Text及Sticker基礎型別進行了封裝,不僅新增了 line-message.ts模組,...

2025-09-25 ‧ 由 Antonio 分享
DAY 13

Day 13:LINE Bot 客製化 Sender 與 Quick Reply 功能實作

前言 LINE Bot 所有回覆訊息類型都具備「共用屬性」功能,這些屬性帶來兩項重要的互動體驗提升: 官方帳號外觀客製化:透過自訂 icon 圖示和顯示名...

2025-09-26 ‧ 由 Antonio 分享
DAY 14

Day 14:LINE Bot Template Message 訊息回覆

前言 經過前幾天的學習,我們已經成功掌握了 LINE Bot 六大基礎訊息類型的發送技巧,為訊息互動奠定了穩固的基礎。今天,我們將踏入更具挑戰性的進階應用領域...

2025-09-27 ‧ 由 Antonio 分享
DAY 15

Day 15:共通屬性處理優化及 Imagemap 圖片製作

前言 針對 Day 14 的程式碼架構進行優化。由於 Sender 和 Quick Reply 功能在所有回覆訊息類型中都能使用,我們應該將這些共用屬性抽取為...

2025-09-28 ‧ 由 Antonio 分享
DAY 16

Day 16:Cloudflare Workers 圖片代理實作

前言 在 Day 15 文章中,我們處理了 ImageMap Message 的背景圖,接著我們遇到了圖片不能出現副檔名及動態路徑支援不同解析度的問題。今天主...

2025-09-29 ‧ 由 Antonio 分享
DAY 17

Day 17:ImageMap Message 從互動海報到影片嵌入

前言 在 Day 16 文章中,我們使用 Cloudflare Workers 實作了圖片代理功能。到目前為止,我們已經完成以下準備工作: 透過 Bot D...

2025-09-30 ‧ 由 Antonio 分享
DAY 18

Day 18:Flex Message 設計個人名片

前言 從基礎的文字互動開始,我們逐步探索了六大核心訊息類型的發送機制、Template Message 的結構化設計,以及 ImageMap Message...

2025-10-01 ‧ 由 Antonio 分享
DAY 19

Day 19:Flex Message Carousel 食譜分享

前言 Flex Message 可以分成 bubble(單張卡片) 跟 carousel(多張卡片輪播) 兩種方式,昨天示範了 bubble 格式的電子個人名...

2025-10-02 ‧ 由 Antonio 分享
DAY 20

Day 20:Grafana Loki 日誌服務 - 從申請到 API 串接測試

前言 目前已經理解了 LINE Messaging API 的核心功能,包括如何接收訊息、串接第三方服務,以及發送多種類型的訊息。接下來,我們將把原本架設在...

2025-10-03 ‧ 由 Antonio 分享