方格精選

程式小白的自動化初體驗:LINE 傳照片自動寄到 Gmail

更新 發佈閱讀 15 分鐘

首先聲明,這篇不是教學文章,是一個初學者的實驗記錄

說到AI自動化,常聽到工具如Zapier、Make、n8n、Coze、微軟的Power Automated,我陸續有關注,但因工作與生活性質,好像用不到自動化工具?直到本週突然遇到一個場景需求,我立刻抓緊機會來嘗試!

一開始以為只是個簡單的串接,而且網紅介紹說很簡單,自動化工具也都標榜No Code(不用程式碼),沒想到零經驗的我,雖然有GPT的幫助,還是搞了好幾個小時......但最後完成還是有成就感的!以下是實驗筆記。

先來介紹運用場景

因為各種因素,同事用手機拍照後會傳LINE給我,請我幫忙放到公司電腦中。聽起來只要幾秒鐘,但卻是一個重覆、打斷專注的小動作。重覆作業,不就是最適合自動化的場景嗎?(別問為何不用xxx方式上傳或email,因為有「各種因素」。)

此場景的要求很簡單明確:

  1. 同事可以用手機發出LINE照片(而不是其他APP)
  2. LINE接收到照片後自動寄email到公司信箱
  3. 免費,不花錢訂閱平台服務或架站

n8n遇到的困難

優點與缺點

因為「免費」的要求,我首先選擇的軟體是n8n。我是在上資料庫課程中,從老師口中得知n8n,優點是開源,如果下載到自己的電腦自己架站,沒有使用n8n線上平台,就是免費

使用n8n的缺點

  1. 要自己安裝
    相比於其他雲端平台,n8n自架有小小門檻(n8n也有要收費的雲端功能)。剛好我最近學會Docker容器的使用方式,所以躍躍欲試地下載n8n來測試,發現安裝挺容易的。
  2. 自動化的服務時間(電腦要一直開機嗎?)
    因為我預設是架在自己的公司電腦,所以如果我的個人電腦沒有開機執行n8n,就無法啟用自動化功能。不過,回到預設場景,本來就是要我有上班,同事才能傳照片給我轉存,上班時間我就會開機,下班時間也不會有這個需求,所以這個缺點算是不存在。

工作流步驟分析

用一句話跟GPT說明需求後,GPT拆解成以下流程:

問:我想用n8n做個簡單程序,當用戶發圖片到LINE時,把圖片寄到指定信箱。

答:流程概念

  1. 用戶在LINE傳圖片給Bot
    Bot透過LINE的Messaging API把事件推送到n8n的Webhook
  2. n8n解析事件
    確認訊息類型是"image"。透過LINE API把圖片檔抓下來。
  3. n8n寄Email
    把圖片檔當成附件,寄到指定信箱。

工作步驟看起來簡單清晰,沒想到第一個步驟就遇到小困難,裡面的Webhook是什麼意思?接著問GPT。

什麼是Webhook?

GPT回答:

🔔 什麼是 Webhook?
Webhook 可以想像成一個「自動門」:
平常它一直「開著」,等外部事件來觸發。
當某件事發生(例如:有人傳訊息給 LINE Bot),LINE 的伺服器就會主動呼叫你設定的網址,把資料送過來。

📦 舉例
你在 LINE 跟 Bot 說:「傳一張圖片」。
LINE Server 收到訊息後 → 會「推一包資料」到你設定的 Webhook URL。
這包資料包含:誰傳的、傳什麼(文字 / 圖片)、時間等等。n8n 裡的 Webhook 節點 就像一個「接收信箱」,專門接收這些資料。

📊 對比理解
API Request(你去問別人):就像打電話「主動去問」天氣幾度。
Webhook(別人通知你):就像氣象局「主動打電話來告訴你」現在下雨了。

再問:為什麼不能直接連n8n要透過webhook?

🔑 關鍵原因 
LINE 不知道 n8n 在哪裡 
LINE Server 在雲端,它要把「用戶傳的圖片」送過來。 但它需要一個 公開網址 才能送資料。
 n8n 的 Webhook 節點,就是專門給外部服務「找到 n8n 的門口」。Webhook 是一種標準介面 
幾乎所有外部系統(LINE、Slack、GitHub、支付平台…)都是用 Webhook 來通知事件。 
n8n 也跟著這個標準,所以才有「Webhook 節點」。
 即時觸發 
如果不用 Webhook,你就要「一直去問 LINE:有新訊息嗎?」(這叫 polling,效率低、延遲大)。 
有了 Webhook,LINE 主動通知 n8n,「嘿!剛有人傳圖片喔!」 → n8n 馬上執行流程。  

🖼️ 用生活比喻 
Webhook:像是你在門口裝一個 對講機。有人按門鈴 → 對講機就通知你有人來了。 
直接連線:就好像你要自己一直站在門口,盯著看有沒有人來,累而且低效。 

📊 在 n8n 的角色 Webhook 節點其實就是「n8n 的大門」。 
你把它網址交給 LINE → LINE 就知道「原來要把訊息送到這裡」。

三問:Webhook 是什麼服務或平台嗎?

👉 Webhook 不是一個服務或平台,而是一種「機制/規格」。

📖 定義
Webhook = Web + Hook
Web:指網路上的一個 URL(網址)。
Hook:程式裡的「鉤子」,用來接收事件。
合起來意思就是:「一個可以被呼叫的網址,用來接收事件資料」。

🖥️ 它長什麼樣子?
Webhook 就是一個 HTTP(S) 的 URL,例如:
https://example.com/webhook/line-incoming
這個網址沒有網頁畫面,而是專門給程式「送資料」用的。

📦 角色關係
平台(例如 LINE, GitHub, PayPal) → 負責「發事件」的人(誰傳了圖片、誰下單付款…)。
Webhook → 一個公開網址,讓平台知道「要把資料丟到這裡」。
接收方(例如 n8n) → 在 Webhook 節點上「聽」這個網址,接收資料後觸發流程。

🔑 重點
  • Webhook 不是一家公司,也不是一個軟體。
  • 它就是一個「網址規則」,讓不同系統可以互相通知事件。
  • 在 n8n 裡,Webhook 節點 就是你自己產生的一個 Webhook。

📊 總結
Webhook = 一個特別的網址,讓別的系統(像 LINE)在有事件時能「主動通知」你的系統(像 n8n)。

了解了webhook後,依照GPT指示在n8n製作第一個節點(webhook),設定好不知道是什麼意思的HTTP Method(POST)、Path,並依照指示測試這個節點,下個步驟就是建立LINE機器人並綁訂Webhook。

LINE官方帳號(Official Account, OA)

依照GPT建議,到LINE Developers,要建立Messaging API。

GPT洋洋灑灑寫一堆,實際到LINE Developers網站發現要使用API,需要申請LINE官方帳號。在快速查詢LINE官方帳號最低使用額度不用付費後,申請了LINE官方帳號,但要取得API的Channel步驟還是很多,此時GPT的指示已經開始失效,畢竟LINE的網站服務可能會改版,找不到GPT說的設定位置,所以這部份我是參考網路教學,終於拿到Channel ID和Channel Secret。

ngrok?!

n8n節點設計

n8n節點設計

搞定LINE機器人,要怎麼把LINE連接到n8n的webhook?GPT推薦我使用ngrok:「如果要讓 LINE Server 從外網打進來,需要用 ngrok或 Cloudflare Tunnel,因為 LINE 無法連到你公司內網的私有 IP。

我看到「從外網連線進來」的關鍵字,第一個想到的就是資安風險。詢問GPT,它強調只是練習測試,關掉後就沒有風險,但長期運轉的話,使用ngrok資安風險較高。GPT另外推薦我使用Cloudflare,但查起來覺得好像很麻煩,要申請帳號,故暫時作罷。

此時,因為一直無法解決,我先請GPT跳過LINE連接webhook的步驟,往下進行,練習n8n設定,暫時結束這一回合。

:事後我詢問認識的資安人員,他嚴厲地告知:「公司設備禁止使用ngrok!」ngrok只能拿來個人或測試使用。
這也是使用生成式AI自己寫程式的風險之一,若自己的認知不足,AI又沒有提示的話,直接照著AI指示做,可能不小心踩了資安的大坑。

Zapier…?

把n8n架在自己電腦遇到連外網的資安問題,考量我自己對這方面不甚了解,只好選擇雲端服務。我再次重新回到起點:選擇工具。網路查詢後,發現Zapier 提供免費版本,但每月僅限100 個任務。考量使用場景,傳圖片的需求1個月不會超過100張,使用Zapier免費版應該夠了?

不幸的,我在建立第一個節點時就遇到困難。Zapier沒有內建LINE節點,要使用Webhooks,沒想到一點選Webhook,就看到僅限Premium(付費)用戶......還要收錢啊!再換!

Zapier的Webhooks功能要收費

Zapier的Webhooks功能要收費

Make

最後我來到Make平台,每個月可以有1000次免費credits,每個節點執行會消耗一單位(就算執行失敗,沒有跑完整個流程也會計算,所以在測試途中就用掉許多credits)。

HTTP,Make a request還是Get a file

有了之前n8n、Zapier的經驗,在GPT指導下,順利地設定好Make的第一個節點Webhooks。第二個節點,GPT叫我選擇HTTP的Make a request。我看到HTTP還有另外一個選項:Get a file。咦?我是要下載圖片,為何不是選擇Get a file?GPT回答說:Get a file比較單純,無法設定較多的參數、變數,使用Make a request較通用,適合要呼叫需要權限的 API

Make。HTTP-Make a request節點設定

Make。HTTP-Make a request節點設定

依照它的建議設定Make a request,但實際欄位和GPT說明一直對不上,多次詢問嘗試後,GPT叫我改用Get a file…不幸的是,設定好Get a file,下個步驟設定Gmail節點時,又出現其他問題(下載的檔案是html而不是圖片檔),GPT又叫我改回Make a request…😑。

換回去Make a request搞了半天,遇到困難後,GPT又說要用Get a file…😡。

此時,我決定改去問Google Gemini,Gemini叫我使用Make a request…結果問題點是在Gmail的節點,附加檔案File Name 欄位,需要手動設定副檔名".jpg”。之前的錯誤,跟HTTP節點沒有關係呀!🤬

Make綁訂Gmail

Make要連結Gmail產生錯誤

Make要連結Gmail產生錯誤

用Make連接Gmail非常...麻煩

因為Google憑證較嚴格,依照GPT的建議,試了幾次無法成功連線到Gmail,網路上也搜尋了教學文章,但應該是版本不同,也一直失敗。直到我在搜尋的關鍵字加入"2025" (Google關鍵字:make 無法連接gmail 2025),才找到一篇可行的文章:

🚀 Day 15:工具使用說明:Make × Gmail 實作教學 

簡述步驟:建立Google Cloud專案、啟用Gmail API、設定OAuth(包含授權網域、資料存取範圍、建立應用程式密碼…等等),詳細的設定請看文章連結。
(為了這個專案,我另外申請了一個Google帳號)

我終於成功了!接下來呢?

成功連接到Gmail後,剩下的設定(相比於前面的魔王)就是小case,測試幾次後,email就成功收到line傳的照片啦!可以關機去睡覺了!

增加分機篩選功能

Make最終版本:增加分支寄到不同信箱

Make最終版本:增加分支寄到不同信箱

做成了連接很有成就感,我第二天就迫不及待加入新功能:根據不同的Line用戶,辨識分機號碼,傳到不同的email。簡述工作步驟:

  1. 建立一個 Router 來根據訊息類型,將流程分為兩個分支:一個處理分機號碼(文字訊息),另一個處理圖片。
  2. 建立 Data Store(資料儲存庫)
    用Make後台的Data Store功能,建立儲存庫,建立兩個欄位(LINE ID和分機號碼)
  3. 利用filter,如果LINE收到文字(用戶傳分機號碼),就連到Data store;如果LINE收到圖片,就連到HTTP-Make a request。
  4. HTTP-Make a request節點後面增加Data store-Get a record,
    在收到圖片訊息後,利用LINE ID查詢儲存庫資料,得到分機。
  5. 利用filter建立分支,不同的分機號碼,傳到不同的指定email。

下一個需求...留待未來嘗試

目前的自動化設計,已經可以交付給同事使用了,但預計未來會有個小問題:如果用戶連續傳10張圖片,Make會就會執行10次,傳10封email,一封信一張圖片。除了消耗執行次數,也會造成使用者的困擾。

初步詢問Gemini得到的工作流程:

  1. 使用者傳送多張圖片:每次傳圖都會觸發 Line Webhook。
  2. Make 暫存圖片:每次觸發時,不會立刻寄信,而是將圖片的 URL 暫時存到一個地方(例如一個 Google SheetsData Store)。
  3. 一次性處理
    使用者傳送「結束」。從兩個 Data Store 中讀取分機號碼和所有暫存的圖片網址。將所有圖片下載並打包成一封信寄出。寄出後,清除圖片的暫存資料。

結語:AI是導航,不是自駕車

對一個非資訊人員來說,這次的自動化嘗試既有趣又折磨。從 n8n、Zapier 到最後落腳 Make。GPT、Gemini這些AI助手可以問很方便,很多時候直接截圖貼上,不需要文字描述,就可以直接讓GPT判斷結構和欄位內容。但須注意,AI無法每步驟完全正確,中間還是需要操作者自己判斷(甚至差點踩資安地雷),常常會原地繞圈幾次,需要有耐心,適時搜尋人類寫的教學網頁,當發現它開始鬼打牆時,也可以換另外一個生成式AI交叉比對。

雖然初次嘗試花了我幾個小時,實現的功能(LINE傳圖轉Gmail)實際上也不會節省我多少時間,但重要的是經驗獲取,以及一個認知:我有能力踏入自動化的門檻了!

留言
avatar-img
快半拍成長日誌
50會員
120內容數
快半拍是小小的進步,每天前進一點點,發現微小進步中的光芒。
快半拍成長日誌的其他內容
2025/09/20
AI900 X Azure ML 實作流程 X 考題重點 Microsoft Azure Machine Learning是微軟的雲端平台,用於訓練、部屬、管理機器學習模型,本文透過微軟的學習範例,一步步帶你建立自動化機器學習。
Thumbnail
2025/09/20
AI900 X Azure ML 實作流程 X 考題重點 Microsoft Azure Machine Learning是微軟的雲端平台,用於訓練、部屬、管理機器學習模型,本文透過微軟的學習範例,一步步帶你建立自動化機器學習。
Thumbnail
2025/09/17
AI900 X 學習筆記 X 英文名詞對照 機器學習、深度學習的名詞已紅了多年,到底是在"Deep"什麼? 深度學習(Deep Learning)是一種模仿人類大腦運作方式的機器學習方法。它透過建立人工神經網路(ANN),以數學函式模擬生物神經元的活動。
Thumbnail
2025/09/17
AI900 X 學習筆記 X 英文名詞對照 機器學習、深度學習的名詞已紅了多年,到底是在"Deep"什麼? 深度學習(Deep Learning)是一種模仿人類大腦運作方式的機器學習方法。它透過建立人工神經網路(ANN),以數學函式模擬生物神經元的活動。
Thumbnail
2025/09/13
AI900 X 學習筆記 X 英文名詞對照 分群(叢集)為非監督式學習,不需要使用標籤好的資料進行訓練,模型觀察數值或特徵的相似性來分組。 考試的重點:何種情況下使用分群?
Thumbnail
2025/09/13
AI900 X 學習筆記 X 英文名詞對照 分群(叢集)為非監督式學習,不需要使用標籤好的資料進行訓練,模型觀察數值或特徵的相似性來分組。 考試的重點:何種情況下使用分群?
Thumbnail
看更多
你可能也想看
Thumbnail
打造 LINE AI Chatbot,將 LINE 官方渠道串接 ChatGPT AI,讓 AI 根據用戶問題給予對應回覆,在回覆廣度或深度都更完整。輕鬆處理龐大訊息量,自動生成回覆並立即回應,提升訊息處理效率!更支援「針對 AI 回答設定框架」,於指定資料表內搜尋資料生成回覆,提高回覆準確性!
Thumbnail
打造 LINE AI Chatbot,將 LINE 官方渠道串接 ChatGPT AI,讓 AI 根據用戶問題給予對應回覆,在回覆廣度或深度都更完整。輕鬆處理龐大訊息量,自動生成回覆並立即回應,提升訊息處理效率!更支援「針對 AI 回答設定框架」,於指定資料表內搜尋資料生成回覆,提高回覆準確性!
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
透過 No Code 自動化建立「待辦事項 AI 助理」,你只要上傳語音檔在 LINE 聊天室,AI 即自動摘要語音內容,同時新增待辦事項在 Todoist 待辦事項 APP,讓你管理任務更輕鬆!即使臨時接收口頭任務交付,或當下忙著處理別的事情,也能輕鬆建立待辦事項!
Thumbnail
透過 No Code 自動化建立「待辦事項 AI 助理」,你只要上傳語音檔在 LINE 聊天室,AI 即自動摘要語音內容,同時新增待辦事項在 Todoist 待辦事項 APP,讓你管理任務更輕鬆!即使臨時接收口頭任務交付,或當下忙著處理別的事情,也能輕鬆建立待辦事項!
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
這篇文章分享如何透過免費電子郵件課程提供價值,建立信任,並引導訂閱者購買付費產品。透過豐富內容、獨特風格,以及AI的幫助,讓你的需求看起來更具吸引力。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
 程式開發,功能 :               本程式執行後,自動寄出email,寄出的內容可依照讀取的參數檔內容而決定
Thumbnail
 程式開發,功能 :               本程式執行後,自動寄出email,寄出的內容可依照讀取的參數檔內容而決定
Thumbnail
在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
Thumbnail
在 IG 上看到一位前端大大用 Google Apps Script + Line bot 替自己的球隊安排了球經,覺得很有趣,想來玩看看
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇文章描述作者如何利用 AI 技術(如 ChatGPT)來輔助撰寫文章的過程。作者詳細拆解了自己的寫作流程,並闡述了每個環節中如何使用 AI 來提高效率。文章強調 AI 在工作流程中所帶來的改變,並指出要適應這種改變需要一定的時間和練習。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
這篇要搭建一個同時生成寫實照片跟動漫風格圖片的工作流,還可以幫線稿上色。
Thumbnail
在日常生活和工作中,我們經常需要發送電子郵件來進行溝通和分享資訊。本文將介紹如何使用Python的pywin32模組連接到Outlook,並通過程式來自動發送郵件。
Thumbnail
在日常生活和工作中,我們經常需要發送電子郵件來進行溝通和分享資訊。本文將介紹如何使用Python的pywin32模組連接到Outlook,並通過程式來自動發送郵件。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News