n8n自動化結合Bolt App,快速打造免寫程式工作流程

n8n自動化苦手?工具組合玩到開竅

# 我在大約一個小時內將 n8n 工作流程變成應用程式

老實說,我這幾年真的玩過太多科技工具了。嗯,有時候根本分不清哪些是自己真的需要、哪些只是跟風,但反正手癢就會去摸一把。偶爾邊寫文章,腦袋裡還會冒出「到底誰會用這些啊?」這種無厘頭的自問。唉,不管怎麼說,每次碰到自動化類型的東西——像 n8n 這種——總覺得它明明有不少好處,可若沒人搞懂怎麼上手,基本上就是晾在那兒發霉吧。

話說回來,其實我最喜歡的,是把 **n8n** 跟 **ChatGPT** 還有那個 **Bolt** 搭配起來。欸,有時候心血來潮,靈機一動,就想:「要不要直接拿現成的流程改成應用程式?讓一般人也能少點痛苦地試試看?」結果居然只花了一小時左右。我到現在還覺得有點不可思議,畢竟以前總以為開發什麼都超複雜、又一堆門檻。但現在,只要三樣工具湊齊,好像障礙突然矮了一截。

![Photo by [Mikita Voitkus] on [Unsplash]]

## 為什麼值得嘗試

唔……其實我經常懷疑,到底大家是不是真的想學這種新玩意兒。不過啦,如果你也像我一樣懶得每次都重複那些瑣碎步驟(比如搬資料、轉格式什麼的),那自動化就挺對味了。坦白說,剛開始摸 n8n 時腦袋很亂,光是那些節點連來連去,我差點放棄——不過奇妙的是,加上 ChatGPT 和 Bolt 後,整個操作流暢到讓人忍不住一直想改下去。有些日子甚至睡前還在瞎琢磨:「如果再多加兩個流程,是不是明天可以少加班?」

嗯,我知道聽起來有點誇張,但真心建議你可以給它一次機會。人生嘛,有時候就該任性一下,大不了搞砸再重來也沒差啊!

工作流程在那兒,使用者直接頭大

唉,n8n 這種自動化工作流程工具,說真的,有時候還挺好用的啦。比方說什麼重複抓資料、發郵件這種無聊事,交給它跑掉,省下不少力氣。可是說也奇怪,有些人遇到操作的時候還是會頭大,好像簡單的流程也能搞到一頭霧水。嗯,我上次就差點跟主管講不清楚什麼叫試算表觸發器,真尷尬——那個畫面還歷歷在目。

話說回來,如果有個應用程式可以很快地生成,把那些繁瑣設定全都包好,其實也不壞吧?欸,有時候想想連小孩子都可能玩得轉,比大人還聰明,怎麼會這樣?啊扯遠了。我覺得一旦工具變得夠直覺,就算你懶得學習(或者根本沒耐心),多半還是能摸出門道,大概吧。

Comparison Table:
步驟內容
1. 使用 Bolt將 ChatGPT 規劃的內容放入 Bolt,快速生成應用程式介面,如表單和按鈕。
2. 設定 Webhook在 n8n 中設置 webhook 以接收資料並啟動工作流程,簡化與其他系統的整合。
3. 驗證與發送郵件使用 n8n 的條件節點驗證輸入資料有效性,根據驗證結果發送感謝信或顯示錯誤訊息。
4. 前端 JavaScript 實作編寫 JavaScript 程式碼來偵測表單提交事件,進行基本輸入驗證和發送請求至 n8n。
5. 測試階段隨機測試不同的輸入以確保功能正常運作,包括正確處理錯誤情況。

工作流程在那兒,使用者直接頭大

別再教表單觸發器了,我用App省力多了

.這樣一來,「這個怎麼做?」這種訊息就會少一些吧,嗯,其實我自己有時也會忍不住再問一次,雖然明知道答案就在前面,但大腦就是短路了嘛。總之,有減少重複詢問的效果。

.細節部分可以依據收到的回饋隨時修正,不過說真的,有些意見很奇怪,我每次都想,是不是大家其實都沒看完內容?唉,不管怎樣,只要有人提就還是得調整,累歸累,但必要。

.搞不好最後你的工作流程還能被整理成一個產品拿去賣喔,想像一下那種感覺……雖然現實裡通常都是資料堆積如山,沒空理。但萬一真的成了,也算另類小確幸啦。

以上這幾點方法,其實就是我最近瞎琢磨出來的。你參考看看好了。有點岔題了——嗯,好像又講太多廢話。拉回來說,就是希望能給你一些實際可用的小技巧吧,大致如此。

先丟問題給ChatGPT,幫你想好規格跟介面


嗯,我要先說明一下這個 n8n 專案到底在搞什麼,唔,其實也不是很複雜,就是一個給銷售團隊用的小東西。有時候覺得,這種自動化真的能省幾分力氣嗎?不知道欸。但總之,主要是讓他們可以快速地發送感謝郵件給潛在客戶。其實當初設計的時候,我腦子裡還想著午餐要吃什麼,然後才拉回來。

舉例好了,如果我有個朋友,他手下那群人每天都需要寄一堆感謝信,然後他就跑來問我要怎麼寫個小系統。你看嘛,只要輸入姓名跟電子郵件,再按一下發送,就行了,多懶人。不過話說回來,有些人打字速度慢到我真想替他們急,不過這又不是重點啦。

整套流程大致上是:CRM 會抓取那些尚未被聯絡過的潛在客戶資料——其實 CRM 裡面亂七八糟的資料不少,但我們只挑重要的。接著呢,把那些資訊餵進 n8n,用它幫忙寄感謝信出去。我自己時常忘記下一步該做啥,只好邊查文件邊摸索(好煩),不過最後還是可以弄出結果。

然後介面的部分,也是,人都希望有直觀、簡單的畫面吧?所以設計了一個表單,可以讓使用者填進客戶名字和電子郵件。旁邊丟一顆發送按鈕,有夠明顯。每次看到那種藏在選單底下的功能都很無語,所以堅持放外面。一按下去,如果成功,就會跳出「已成功」提示訊息,有點像快閃通知那種,好像沒什麼稀奇,但至少清楚明白。

資料傳遞方式怎辦?哦對,本來差點忘了最關鍵的一環,就是透過 webhook 把表單內容直接餵給 n8n 嘛。有次 webhook 沒綁好還 debug 到半夜,想到現在都有點火大……咳,好啦總之就是這樣。反正重點就是:操作簡單、流程直白、數據透過 webhook 傳遞給 n8n,自動化寄信——說起來輕鬆,其實寫程式的人都懂其中麻煩事。不知道你聽完是不是也開始頭痛了,大概只有我自己會碎念成這樣吧。

先丟問題給ChatGPT,幫你想好規格跟介面

Bolt出場:配色怪怪但管他的能跑先贏

嗯,這個界面嘛——很簡單,基本上你就只會看到一個表單、一顆按鈕,然後…欸對了,還有那條提示:成功了。沒什麼花俏的東西,就是這樣直接。其實我每次看到這種設計都會想到以前填問卷時那些密密麻麻的欄位,有夠煩。但現在就,不囉唆。你只要把表單填好,點下那顆按鈕(手滑也沒差啦),接著螢幕上馬上冒出來「完成」之類的訊息,就結束了。

講到操作流程,其實說穿了也沒啥玄機。先寫完該寫的資料——名字、電話、或是其他奇奇怪怪的欄位——然後找一下那顆通常會藏在右下角還不知道為什麼總愛用藍色的大按鈕,一點下去,好像人生又往前推進了一步。有時候會不小心發呆,看著畫面發愣,也許只是因為太無聊吧。不過反正步驟超級直白,大概連想偷懶都難。如果硬要形容,就是一份隨手可以複製貼上的教學,大腦不用轉彎思考什麼陷阱。

唉,我剛剛是不是又扯遠了?對啦拉回來──整體來說,就是照著填一填、點一下,就大功告成。不需要去猜測背後有沒有什麼套路,也不用憂慮操作哪裡卡住。嗯,很適合想省力的人。(有時候我還蠻羨慕設計出這種東西的人,他們是不是都活得很簡單啊?)

範例設計:三欄兩按鈕的感謝信App樣貌亂講也行

欸,我現在這個流程其實很單純啦。反正下一步,就是把剛剛那個 ChatGPT 幫我規劃好的東西直接丟進 Bolt。Bolt 這玩意兒對我來說有時候有點像救命稻草,因為它會自動把那些規劃內容生出一個可以跑的應用程式——像表單啊、按鈕啊什麼的,全都算在裡面,雖然每次配色可能看久了會膩……但,好啦,比起自己從零刻還是快超多。

話題差點飄走,回頭。我之前試過拿來做那個感謝信工具,Bolt 給我的成果就是這樣(下面一大段寫得蠻機械的,但沒辦法):




Thank-You Email Tool