搜尋

Vibe Coding 極速打造 LINE Bot 智慧機器人

過去要開發 LINE Bot ( LINE 機器人 ),往往需要鑽研複雜的 SDK 文件或閱讀大量教學,現在透過 Vibe Coding,只需用自然語言描述邏輯,就能驅動 AI 寫出完整的 LINE Bot!這篇奇穴將示範如何透過 Vibe Coding 與 Gemini 的智慧,在極短的時間內打造出一個具備良好互動性與無限可能的 LINE 機器人。

快速導覽:

Vibe Coding 極速打造 LINE Bot 智慧機器人

認識 LINE Bot:通訊軟體上的自動化服務

LINE Bot 是一種運行在 LINE 通訊軟體上的自動化服務,其運作方式會先以「官方帳號」為主,如果串接後端程式,就可以由程式碼自動處理訊息,如果串接後端,功能就可以涵蓋簡單的關鍵字回覆,或是複雜的商務系統,例如訂餐、預約掛號、或是結合 AI 的個人小幫手。對於台灣開發者而言,這是觸及用戶最直接、門檻最低的平台之一。

常見的應用場景

  • 自動化客服:即時回覆常見問題 ( FAQ ),提供 24 小時不間斷的初步諮詢服務。
  • 商務與電商:實現線上訂餐、商品瀏覽、訂單追蹤及支付成功通知。
  • 行政與預約:處理診所掛號、美容美髮預約、場地租借或活動報名流程。
  • 資訊即時推播:根據使用者需求發送天氣預報、股價異動通知、新聞摘要或交通資訊。
  • 行銷與會員經營:發放電子優惠券、數位集點卡,並進行精準的分眾行銷訊息推送。
  • AI 個人助手:整合大型語言模型進行創意寫作、語言翻譯、程式碼優化或知識百科查詢。

為什麼選擇 LINE Bot 作為開發首選?

在眾多通訊平台中,LINE 憑藉其高滲透率與完善的開發者生態系,成為驗證產品原型與部署自動化服務的理想選擇。相較於開發原生 App,LINE Bot 在獲客成本與技術門檻上具有顯著優勢。以下是選擇 LINE 作為開發平台的核心理由:

  • 低進入門檻:用戶無需下載額外的 App,只要加入好友即可使用。
  • 高觸及率:利用 LINE 的高滲透率,能直接在使用者常用的通訊工具中建立互動。
  • 開發成本可控:LINE Messaging API 提供免費額度 ( 輕量版方案 ),適合個人開發者或初創項目進行概念驗證。
  • 多樣化的互動介面:除了純文字,還支援 Flex Message 與 Rich Menu,媲美原生 App 的視覺體驗。

Vibe Coding 極速打造 LINE Bot 智慧機器人 - 為什麼選擇 LINE Bot 作為開發首選?

深入解析 Webhook 運作機制

第一次建立 LINE Bot 都會有一個疑問:「什麼是 Webhook?」,Webhook 指的是一個「網址」,透過伺服器建立 Webhook 網址後,有串接 Webhook 的位置就能使用 HTTP 的 POST 方法,向伺服器傳送或接收特定的資料,其運作流程如下:

  • Step 1、使用者發送訊息

    使用者在 LINE 視窗輸入文字或傳送貼圖。

  • Step 2、LINE 平台轉發

    LINE 平台接收到訊息後,會將其封裝成 JSON 格式的 Request,透過設定好的「Webhook URL」把訊息傳送到自己的伺服器。

  • Step 3、伺服器處理邏輯

    自己的伺服器解析訊息 ( 這篇教學中會由 Vibe Coding 產生程式碼 ),並決定回覆的內容。

  • Step 4、回傳訊息

    自己的伺服器將回覆內容,透過「Webhook URL」傳回 LINE 平台。

  • Step 5、使用者接收回覆

    LINE 平台將訊息呈現給使用者。

Vibe Coding 極速打造 LINE Bot 智慧機器人 - 深入解析 Webhook 運作機制

建立 LINE Provider

因為要撰寫 LINE Bot 的「程式」,所以必須先從「LINE 開發者平台」建立「提供者 Provider」,使用自己的 LINE 帳號登入 LINE 開發者平台。

前往 LINE 開發者平台:https://developers.line.biz/en/

Vibe Coding 建立 LINE Provider - 因為要撰寫 LINE Bot 的「程式」,所以必須先從「LINE 開發者平台」建立「提供者 Provider」,使用自己的 LINE 帳號登入 LINE 開發者平台

登入後,在 Providers 的位置點選「Create」建立 Provider。

Vibe Coding 建立 LINE Provider - 登入後,在 Providers 的位置點選「Create」建立 Provider

輸入 Provider 的名稱 ( 接著需要填寫一些基本資料,簡單填寫即可 )。

Vibe Coding 建立 LINE Provider - 輸入 Provider 的名稱 ( 接著需要填寫一些基本資料,簡單填寫即可 )

完成後就會看到自己的 Provider 出現在畫面中。

Vibe Coding 建立 LINE Provider - 完成後就會看到自己的 Provider 出現在畫面中

建立 LINE Channel 並啟用 Message API

Provider 建立後,接著前往「LINE 官方帳號」頁面,接下來的步驟要建立一個「自己的 LINE 官方帳號」,並把這個官方帳號和剛剛建立的 Provider 串聯在一起。使用同樣的 LINE 帳號登入 LINE 官方帳號,登入後選擇「線上申請一般帳號」 ( LINE 官方帳號通常也就是俗稱的 LINE Bot 機器人 )。

前往 LINE 官方帳號:https://tw.linebiz.com/

Vibe Coding 建立 LINE Channel 並啟用 Message API - 使用同樣的 LINE 帳號登入 LINE 官方帳號

輸入官方帳號名稱、建立者 email 和地區,自行選擇這個官方帳號相關的業種 ( 性質 ),完成後可能還有一些隱私授權頁面,全部勾選同意就可以建立完成。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 輸入官方帳號名稱、建立者 email 和地區,自行選擇這個官方帳號相關的業種 ( 性質 ),完成後可能還有一些隱私授權頁面,全部勾選同意就可以建立完成

建立完成後就可以看到類似下方的 LINE 官方帳號頁面。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 建立完成後就可以看到類似下方的 LINE 官方帳號頁面

點擊右上方的「設定」按鈕進入設定畫面,點擊左側「Message API」,繼續點擊「啟用 Message API」,這是讓 LINE 官方帳號可以透過 API 接口向後端傳遞訊息的功能。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 點擊右上方的「設定」按鈕進入設定畫面,點擊左側「Message API」,繼續點擊「啟用 Message API」,這是讓 LINE 官方帳號可以透過 API 接口向後端傳遞訊息的功能

啟用時需要選擇「服務提供者」,選擇剛剛在 LINE 開發者平台建立的 Provider

Vibe Coding 建立 LINE Channel 並啟用 Message API - 啟用時需要選擇「服務提供者」,選擇剛剛在 LINE 開發者平台建立的 Provider

建立時需要填寫「Webhook 網址」,這時可以先隨便填寫一組具有「https://」開頭的網址,待會會透過 Vibe Coding 搭配 Google Apps Script 產生真正的網址

Vibe Coding 建立 LINE Channel 並啟用 Message API - 建立時需要填寫「Webhook 網址」,這時可以先隨便填寫一組具有「https://」開頭的網址,待會會透過 Vibe Coding 搭配 Google Apps Script 產生真正的網址

Message API 設定完成後,點擊左側「回應設定」,關閉「自動回應訊息」,開啟「Webhook」

Vibe Coding 建立 LINE Channel 並啟用 Message API - Message API 設定完成後,點擊左側「回應設定」,關閉「自動回應訊息」,開啟「Webhook」

取得 LINE Channel Access Token

從 LINE 官方帳號建立 LINE Channel 並綁定 Provider 之後,回到 LINE 開發者平台,進入剛剛建立的 Provider,就可以看見剛剛建立的 LINE Channel ( 如果看不見請重新整理網頁 ),點擊 LINE Channel 可以進入設定頁面。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 從 LINE 官方帳號建立 LINE Channel 並綁定 Provider 之後,回到 LINE 開發者平台,進入剛剛建立的 Provider,就可以看見剛剛建立的 LINE Channel ( 如果看不見請重新整理網頁 ),點擊 LINE Channel 可以進入設定頁面

在「Messaging API」的頁籤中,可以看見這個 LINE 官方帳號的 ID,掃描 QRCode 就可以將這個官方帳號加入好友。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 在「Messaging API」的頁籤中,可以看見這個 LINE 官方帳號的 ID,掃描 QRCode 就可以將這個官方帳號加入好友

在同樣「Messaging API」的頁籤中往下拉到最下方,可以看見 Channel Access Token 的區域,點擊「Issue」就能產生一組串接金鑰,點擊後方「Reissue」可以重新產生 ( 如果發現有人擅自串接這組金鑰 )。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 在同樣「Messaging API」的頁籤中往下拉到最下方,可以看見 Channel Access Token 的區域,點擊「Issue」就能產生一組串接金鑰,點擊後方「Reissue」可以重新產生

Vibe Coding 建立並串接 LINE Webhook

上述的準備都做都完成後,接著就可以透過 Vibe Coding 的方式撰寫伺服器的程式內容,首先前往自己的 Google 雲端硬碟,開啟一個資料夾放置串接程式 ( 範例建立一個名為 LINE Bot 的資料夾 ),並在資料夾裡新增一個「Google Apps Script」。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 前往自己的 Google 雲端硬碟,開啟一個資料夾放置串接程式 ( 範例建立一個名為 LINE Bot 的資料夾 ),並在資料夾裡新增一個「Google Apps Script」

點擊「建立指令碼」建立 Google Apps Script。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 點擊「建立指令碼」建立 Google Apps Script

完成後可以看見如下方的介面,這時可以依自己喜好修改檔案名稱 ( 範例檔名為「Vibe Coding Line Bot」)。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 完成後可以看見如下方的介面,這時可以依自己喜好修改檔案名稱 ( 範例檔名為「Vibe Coding Line Bot」)

開啟自己自己常用的 AI 工具 ( 推薦 Gemini,因為都是 Google 工具 ),輸入下列提示詞,讓 AI 產生串接 LINE Bot 的程式。

請幫我在 Google Apps Script 裡面,產生一個可以串接 LINE Bot 的簡單網頁應用程式程式碼,收到訊息後可以自動回覆同樣的訊息

送出提示詞之後,AI 就會產生要放在 Apps Script 裡的程式碼。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 送出提示詞之後,AI 就會產生要放在 Apps Script 裡的程式碼

複製程式碼,貼到剛剛的 Google Apps Script 裡,貼上之後,注意程式碼的開頭,有一段 Channel Access Token 需要更換成自己的 Channel Access Token,把剛剛上方產生的 Channel Access Token 貼到這邊。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 複製程式碼,貼到剛剛的 Google Apps Script 裡,貼上之後,注意程式碼的開頭,有一段 Channel Access Token 需要更換成自己的 Channel Access Token

完成後點擊右上方「部署 > 新增部署作業」。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 完成後點擊右上方「部署 > 新增部署作業」

選擇「網頁應用程式」,存取權限設定為「所有人」,完成後點擊「部署」。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 選擇「網頁應用程式」,存取權限設定為「所有人」

點擊「授予存取權」。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 點擊「授予存取權」

點擊「Advanced」展開進階選項,點擊「Go to...」繼續部署。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 點擊「Advanced」展開進階選項,點擊「Go to...」繼續部署

點擊「Continue」繼續。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 點擊「Continue」繼續

完成後就會得到一串應用程式網址,這串網址就是要串接 LINE Bot 的 Webhook 網址,點擊複製按鈕複製網址。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 完成後就會得到一串應用程式網址,這串網址就是要串接 LINE Bot 的 Webhook 網址,點擊複製按鈕複製網址

回到 LINE 開發者平台,進入這個 LINE Channel 設定頁面的「Messaging API」設定頁面,找到 Webhook Setting,貼上剛剛的網址,貼上後也可以點擊「Verify」驗證測試 ( 有時候會回傳 302 錯誤,這表示剛剛 Apps Script 發布沒有選擇「所有人」,如果有選擇「所有人」仍然報錯,可以先和 LINE 機器人聊天看看是否會正常回傳訊息 )。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 回到 LINE 開發者平台,進入這個 LINE Channel 設定頁面的「Messaging API」設定頁面,找到 Webhook Setting,貼上剛剛的網址,貼上後也可以點擊「Verify」驗證測試

所有步驟都完成後,就可以和 LINE Bot 聊天,如果 LINE Bot 會正常回傳訊息,表示已經順利串接成功,剩下來如果要添加功能,就可以運用 Vibe Coding 的方式開發。

Vibe Coding 建立 LINE Channel 並啟用 Message API - 所有步驟都完成後,就可以和 LINE Bot 聊天,如果 LINE Bot 會正常回傳訊息,表示已經順利串接成功

小結

透過 Vibe Coding,開發 LINE Bot 不再是工程師的專利,開發模式從傳統的「刻程式碼」轉化為「調教 Vibe」,開發者就能將更多心力放在使用者體驗與撰寫 AI 提示詞,熟練這套流程後,任何創意想法都能在幾分鐘內變成 LINE 上的實際服務,這就是 AI 賦予開發者的全新超能力。

延伸閱讀

Vibe Coding 的重點都不在於「寫程式」,而是為了配合程式的各種「準備工作」,下方列出 Vibe Coding 相關的教學,透過一系列的教學,就更能掌握正確且順暢的開發流程:

意見回饋

如果有任何建議或問題,可傳送「意見表單」給我,謝謝~

生成式 AI 教學

基本介紹

關於生成式 AI 關於 AI 繪圖 AI 繪圖的提示技巧 AI 繪圖軟體比較 ( 2023 ) AI 繪圖軟體推薦 ( 2024 ) 2025 生成式 AI 工具推薦

Vibe Coding 專區

Vibe Coding 教學導讀 認識 Vibe Coding Vibe Coding 新手入門 Vibe Coding 規劃架構流程 Vibe Coding 網頁知識 Vibe Coding Python 知識 Vibe Coding 下載網頁程式碼 Vibe Coding Google App Script 部署網頁 Vibe Coding Github 部署網頁 Vibe Coding 固定網頁樣式 Vibe Coding 使用外部圖片 Vibe Coding 使用 SVG 圖示 Vibe Coding 使用外部字體 Vibe Coding + Spreadsheet 資料庫 Vibe Coding + Firebase 即時資料庫 Vibe Coding + Firestore 資料庫 Vibe Coding 資料庫安全防護 Vibe Coding 串接帳號驗證機制 Vibe Coding 串接 Google 雲端硬碟 Vibe Coding 串接 Gemini API Vibe Coding LINE Bot

2025 AI 影音工具

ChatGPT - 圖片提示詞技巧 ChatGPT - 客製化機器人 ChatGPT - 使用畫布功能 Gemini - 開始使用 Gemini - 客製化機器人 Gemini - 串接 Google 服務 Gemini - 使用畫布功能 NotebookLM - 開始使用 NotebookLM - 建構知識庫 Google AI Studio - 介面功能 Nano Banana - 影像生成與編輯 Gemini Educator 線上認證 圖片 - AI 圖片快速去背 圖片 - AI 黑白照片上色 聲音 - AI 影片語音轉字幕 影片 - Pika 生成創意影片 影片 - KlingAI 生成影片 影片 - AI 影片趣味特效 影片 - AI 擁抱 ( AI Hug ) 影片 - AI 老照片動起來 圖片 - Dreamina 生成圖片 音樂 - SUNO 創作音樂 音樂 - 免費 AI 音樂素材

ChatGPT

ChatGPT 教學導讀 認識 ChatGPT 開始使用 ChatGPT 優良的提示技巧 基本提示 實用組合提示 角色扮演&對話主題 閱讀並模仿風格 對話中顯示圖片 創作長篇故事與小說 使用 Bing Chat 相關工具或服務

Poe ( Poe AI )

開始使用 Poe 聊天機器人 生成圖片機器人 建立自己的機器人 Youtube 影片重點整理 PDF 重點整理 GPT-4o-mini 分析圖片 讀取網頁進行重點整理 讓 AI 美化提示詞

Ideogram

開始使用 Ideogram 文字產生圖片 圖片 Retry 與 Remix

dzine

開始使用 dzine 提示詞產生圖片 圖片產生圖片 運用圖層功能 運用文字和畫筆 ( 範例 ) 室內設計透視圖實體化 ( 範例 ) 名畫轉真人照片 ( 範例 ) 真人照片轉卡通 ( 範例 ) 真人卡通貼圖

Image Creator

開始使用 Image Creator 提示原則與技巧 搭配 Bing Copilot 產生圖片 ( 範例 ) 產生分享文章縮圖 ( 範例 ) 漫畫書風格

Leonardo.Ai

Leonardo.Ai 教學導讀 Leonardo.Ai vs Midjourney 認識 Leonardo.Ai 註冊與登入 Leonardo.Ai 使用圖片產生器 文字提示語法和準則 Elements 風格元素 使用圖片產生圖片 AI 圖片編輯器 ( Canvas Editor ) 即時 AI 畫布 ( Realtime Canvas ) 即時圖片產生器 ( Realtime Gen ) 圖片升級器 ( Universal Upscaler ) 產生圖片的後續步驟 Prompt Magic 魔法提示 PhotoReal&Alchemy 特色模型 訓練自己的模型 ( 範例 ) 填補缺少的披薩 ( 範例 ) 組合兩片披薩 ( 範例 ) 虛擬陳雷 ( 範例 ) 修改人物年齡 ( 範例 ) 換臉特效 ( 範例 ) 隱藏的人臉或文字 ( 範例 ) 全部填滿皮卡丘 ( 範例 ) 名畫轉真人照片

Recraft

開始使用 Recraft 點陣圖 Raster image 向量圖 Vector image 圖示 Icon 與 Logo 系列影像 Image Set 原型示意圖 Mockup 畫框 Frame、文字 Text 放大 Upscale、改色 Recolor 圖片去背、替換圖片背景 添加、修改、移除景物 圖片產生圖片 點陣圖轉向量圖 自定義圖片風格 合併不同圖片 ( 範例 ) 名畫轉真人照片 ( 範例 ) 照片轉卡通插畫 ( 範例 ) 自製表情貼圖 ( 範例 ) 多格漫畫風格 ( 範例 ) 圖片中加入文字 ( 範例 ) 延伸圖片範圍

Midjourney

Midjourney 教學導讀 認識 Midjourney 使用 Midjourney 使用 niji.journey 設定指令 功能參數 使用文字提示產生圖片 使用圖片產生圖片 優良的提示技巧 多重提示的權重與順序 style tuner 樣式調校 remix 放大、修改與重繪 blend 混合多張圖片 刪除圖片&傳送資訊 ( 範例 ) 修改人物年齡 ( 範例 ) 阿爾欽博托風格 ( 範例 ) 照片轉卡通人物 ( 範例 ) 變胖、變瘦

Vidnoz AI

開始使用 Vidnoz AI ( 影片 ) 照片講話 ( 圖片 ) 人物換臉 ( 圖片 ) 圖片去背

Canva AI 魔法功能

魔法媒體工具 ( 新視窗 ) 魔法工作室 ( 新視窗 ) 魔法變形工具 ( 新視窗 ) 魔法文案工具 ( 新視窗 )

Clipdrop

開始使用 Clipdrop 修改圖片選取區域 延展圖片並生成內容 人物換臉 圖片去背 移除特定物件 放大與增強影像 影像打光 替換天空

Playground AI

開始使用 Playground AI Board 文字產生圖片 Canvas 繪製與修改圖片 Remix 與 Edit 圖片 延展和放大增強圖片 圖片去背、移除物件 搭配 Poe AI 產生圖片

Replicate 模型

認識 Replicate ( 修圖 ) 黑白照片上色 ( 修圖 ) 修復老照片 ( 修圖 ) 增強與放大照片 ( 修圖 ) 更換髮型和表情 ( 繪圖 ) 似顏繪貼圖 ( 繪圖 ) 真人照片轉公仔 ( 繪圖 ) 隱藏的圖案或文字 ( 提示 ) 圖片轉提示詞 ( 提示 ) 改善提示詞

AI 繪圖效果&範例

著色本效果 2D 卡通人物 物品開箱照 像素藝術 百科全書風格 卡通貼紙

AI 繪圖風格大全

風格大全 ( 總覽 ) 風格大全 ( 攝影、照片 ) 風格大全 ( 畫面角度效果 ) 風格大全 ( 媒材、材質 ) 風格大全 ( 卡通、漫畫 ) 風格大全 ( 藝術流派風格 ) 風格大全 ( 藝術家、畫家 ) 風格大全 ( 插畫風格 1 ) 風格大全 ( 插畫風格 2 ) 風格大全 ( 特色風格 )