技術 Day 22：Render 雲端平台部署 Nest 後端伺服器

前言 今天的目標是將系統正式上線。經過這段時間的開發，我們已完成 Line Message API 的核心功能與日誌處理機制。 接下來將透過 Render 平...

技術 Day 21：Nest Pino 整合 Grafana Loki 日誌

前言 Loki 環境變數可參考 Day 20 文章的 Grafana Data Source settings 設定 本文將介紹如何將 Nest.js P...

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

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

技術 Day 19：Flex Message Carousel 食譜分享

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

技術 Day 18：Flex Message 設計個人名片

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

技術 Day 17：ImageMap Message 從互動海報到影片嵌入

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

技術 Day 16：Cloudflare Workers 圖片代理實作

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

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

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

技術 Day 14：LINE Bot Template Message 訊息回覆

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

技術 Day 13：LINE Bot 客製化 Sender 與 Quick Reply 功能實作

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

技術 Day 12：LINE Bot Image、Video、Audio、Location 訊息回覆

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

技術 Day 11：LINE Bot Text Emoji 與 Sticker 訊息回覆

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

技術 Day 10：LINE Rich Menu Switch Action 提升使用者體驗

前言 在 Day 9 文章中，我們結合 LINE 平台的功能，將天氣服務與圖片上傳服務整合，打造出第一張 LINE 圖文選單，透過 URI action 的方...

技術 Day 9：打造 LINE Rich Menu - 後台設計 vs API 客製化

前言 在 Day8 文章中，我們透過整合雲端服務 Cloudinary，學習如何處理使用者上傳的圖片檔案，並將其儲存至雲端。然而，LINE Bot 除了讓使用...

技術 Day 8：Cloudinary 雲端圖片儲存整合

前言 在 Day 6 中，我們透過整合 OpenWeatherMap API 與座標位置訊息學習了如何結合第三方服務。今天將探索 Cloudinary 雲端服...

技術 Day 6：整合第三方 API 天氣查詢服務

前言 Day 5 帶大家了解 LINE Bot 能接收使用者傳遞的「6+1」種訊息類型。之所以這樣強調，是因為 File 類型僅能在群組聊天中使用，這個限制我...

技術 Day 4：掌握 LINE Bot 七種訊息類型與 NestJS 架構優化

前言 目前我們都只使用 LINE Message Event 中的純文字(text)格式進行回覆，但除了純文字之外，LINE Bot 後端伺服器其實可以接收多...

技術 Day 3：Webhook 簽章驗證與訊息回覆策略(Push & Reply)

前言 上一篇帶大家透過「Webhook 模式」成功架設了專屬的 LINE Bot 代理人。相信大家在體驗基礎功能後，對於 LINE Bot Webhook 還...

技術 Day 1：Hello World LINE Bot

前言 每個程式語言的開始通常都會以練習 Hello World！作為一個簡單的起手式，LINE Bot 也不意外。這一系列會著重在 LINE Bot 的相關應...