iT邦幫忙

@linebot相關文章
共有 29 則文章
鐵人賽 Modern Web DAY 29

技術 Day 29:LIFF 會員註冊 - 信箱驗證與 Swagger 文件整合

前言 延續 Day 28 會員註冊的流程,在實際的會員註冊場景中,電子信箱驗證是確保用戶身份真實性的重要環節。本篇將基於昨天的註冊流程,新增兩個核心 API:...

鐵人賽 Modern Web DAY 28

技術 Day 28:LIFF 會員註冊 - ID Token 驗證與資料庫整合

前言 今天的開發重點是建立會員卡系統,將 LIFF 前端與 NestJS 後端完整串接。 前端使用 Vue 建立註冊表單,搭配 vee-validator 驗...

鐵人賽 Modern Web DAY 27

技術 Day 27:群組事件與檔案訊息接收

前言 今天主要補充 LINE Bot 在群組中的專屬特性,包括群組限定的 Webhook 事件,以及前面提到但尚未說明的第 7 種訊息類型 file 檔案訊息...

鐵人賽 Modern Web DAY 25

技術 Day 25:優惠券設定與 Coupon Message 實作

前言 LINE Official Account 的「優惠券」是提升顧客互動與忠誠度的重要功能。透過獎勵機制,不僅能吸引新客,更能有效促進回購。 本篇分為兩部...

鐵人賽 Modern Web DAY 24

技術 Day 24:LIFF 刮刮樂實戰體驗

前言 在了解 LIFF 的基礎設計流程後,本文將透過「刮刮樂」案例示範 LIFF API 的實際應用。從啟動時檢查權限與執行環境、確認用戶分享功能權限,到刮刮...

鐵人賽 Modern Web DAY 23

技術 Day 23:LIFF 網頁應用開發入門

前言 在鐵人賽前半段,我們深入探討了 LINE Bot 的兩大核心功能:Richmenu(選單設置)與各種 Reply Message(回覆訊息)的訊息類型。...

鐵人賽 Modern Web DAY 22

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

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

鐵人賽 Modern Web DAY 21

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

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

鐵人賽 Modern Web DAY 20

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

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

鐵人賽 Modern Web DAY 19

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

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

鐵人賽 Modern Web DAY 18

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

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

鐵人賽 Modern Web DAY 17

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

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

鐵人賽 Modern Web DAY 16

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

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

鐵人賽 Modern Web DAY 15

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

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

鐵人賽 Modern Web DAY 14

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

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

鐵人賽 Modern Web DAY 13

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

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

鐵人賽 Modern Web DAY 12

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

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

鐵人賽 Modern Web DAY 11

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

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

鐵人賽 Modern Web DAY 10

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

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

鐵人賽 Modern Web DAY 9

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

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

鐵人賽 Modern Web DAY 8

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

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

鐵人賽 Modern Web DAY 7

技術 Day 7:Joi 環境變數統一驗證,重構 LINE Bot 天氣服務模組

前言 在 Day 6 開發 LINE Bot 結合 OpenWeatherMap API 的過程中,我們採用私有方法將 API 請求處理與資料格式化整合在一起...

鐵人賽 Modern Web DAY 6

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

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

鐵人賽 Modern Web DAY 5

技術 Day 5:整合 Pino Logger 提升 LINE Bot 專案的可維護性

前言 看著專案逐漸成型,現在該開始重視日誌記錄的規劃了。在實際部署時,我們通常會區分 develop(開發環境)和 production(正式環境)兩種不同的...

鐵人賽 Modern Web DAY 4

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

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

鐵人賽 Modern Web DAY 3

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

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

鐵人賽 Modern Web DAY 1

技術 Day 1:Hello World LINE Bot

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

技術 LINE Bot主動推播

我現在使用django架構來做LINE Bot,後端如果有新增優惠消息到資料庫裡面,就會傳送優惠消息給此LINE Bot的使用者,現在問題卡在需要有個使用者的回...