跳至主要內容

里程碑

說走就走,也能輕鬆找到~ P 人旅伴「小酪」☕幫你找在地咖啡廳、小店與秘境

Ruby @ruby_mno0719發布於 已編輯

前言
因為平常生活真的蠻忙的,球隊、兼任助理、小編,還有一堆專案跟書要讀,所以很難是先空出來說要去哪裡;這也讓我成為常臨時起意、說走久走的人,旅行總是到了再說,然後就會遇到..查好的店沒開、要預約、搜出來一整排都是觀光客名單,或是說不符合預期。
所以我做了「小酪🌿」,一個住在 LINE 裡的旅伴。跟它說城市和想找的類型,它就會推薦在地好店,還會告訴我現在有沒有營業,附上地圖連結直接導航。第一次碰 n8n 和 code,一路卡卡的,但做出來真的很有成就感!

作品介紹:小酪能做什麼?

  1. 一句話找店:輸入「我想找京都祇園 在地咖啡廳」,馬上收到 3 間推薦。也可以加上偏好(安靜、不限時、有插座),或直接貼 Google 地圖連結,請它幫你挑店。
  2. 真實店家資料:資料來自 Google Places,不是 AI 憑空生成,所以推薦的店都真的存在。
  3. 營業狀態+地圖卡片:每間店都標示目前有沒有營業,點開就能直接導航。
  4. 旅人小提醒:例如「日本小店多以現金為主,記得帶日幣」。
  5. 有個性的旅伴:小酪會引用東西方哲學家的名言(不重複),讓推薦不只是冷冰冰的清單。
  6. 記得你說過的話:用 Simple Memory 記住對話,可以接著追問。

整套架構
• 工作流引擎:n8n
• 資料來源:Google Places API (New)
• 資料整理:Code in JavaScript 節點
• 大腦:OpenAI Chat Model + AI Agent + Simple Memory
• 介面:LINE Messaging API(Webhook 接收、Reply API 回覆)
流程:Webhook → Google Places 搜尋 → JavaScript 整理資料 → AI Agent 生成回覆 → LINE 回覆

互動示範
我在 LINE 輸入「我想找京都祇園 在地咖啡廳」,小酪回了三間祇園的店,每間都附上營業狀態和地圖連結。有的營業中,有的目前沒開,出發前就能先排除。最後它還叮嚀我帶日幣現金,並附上一句老子的話。(見下方截圖)
遇到的困難與解法
一開始最大的困難是「看不懂」。n8n 的教學影片我常常要看很多次,才能真正理解每個節點在做什麼、資料怎麼從上一個節點傳到下一個。進度比預期慢很多,不過反覆看過之後,整條流程的邏輯才慢慢在腦中連起來。
接著是寫 code 的關卡。為了讓小酪能幫忙找出所在位置附近的咖啡廳、秘境和小店,我需要多加一個 JavaScript 節點來整理 Google 回傳的資料,但我完全不會寫程式。這時候我借助 Claude 幫我產生程式碼,之後只要節點跳出紅色警示,我也會把錯誤訊息丟給它,一起找出問題在哪裡。沒有這個幫手,我大概一直卡在原地。
最麻煩的是串接 Google 地圖。為了使用 Places API,我第一次登入 Google Cloud Console,面對一堆沒看過的功能和設定,整個霧煞煞,一度連 Places API (New) 放在哪裡都找不到。好不容易啟用之後,又進入了無止盡的除錯:流程一直讀不到 Google API Key,我只能一次次檢查設定、修改、再測試,才終於讓資料順利傳進來。
最後一步是讓小酪「有人情味」。一開始它的回覆雖然正確,卻像在念資料。所以我回頭修改 AI Agent 的 System Message,調整語氣和角色設定,讓它會附上旅人小提醒、引用老子的話,變成一個真的像旅伴的小夥伴。

心得
我是第一次接觸 n8n 和 code 的新手,過程中常常卡關:影片要看很多次、程式不會寫、Google Cloud 一頭霧水、API Key 找不到。但每排除一個問題,流程上就多亮起一個綠色勾勾,那種成就感很難形容。
當我在 LINE 上輸入「京都祇園 在地咖啡廳」,看到小酪真的回我三間店,還叮嚀我帶日幣現金,就覺得之前所有的卡關都值得了。對我這種想到才出發的 P 人來說,這大概是最剛好的旅伴。

0 個愛心0 則留言

登入並驗證手機後就能留言。登入