跳至主要內容

里程碑

【陪練英文小精靈】

yy @inayao930309發布於

創立背景
平常在一個經常接觸外籍生的地方打工,常常卡半天還是用很蹩腳的英文華達,覺得自己上大學後英文就完全生鏽了,剛好現在也要準備雅思,所以希望透過小精靈練習日常生活會遇到的英文對話!

想法架構
創建 LINE 官方帳號 → Webhook 接收訊息 →設 HTTP Request 動畫(之後想加入) →串 AI(Open AI)
→設 HTTP Request 回傳訊息 →測試&上線

操作步驟
創建 LINE 官方帳號:到 LINE Developers 然後照上哲團長說的做(大家應該都很熟)

設Webhook節點:選 POST,複製 Test URL 貼到 LINE Dev 測試 →點 n8n 的 Listen for test event,隨便傳一個訊息

設 HTTP Request 動畫:目前還沒加上這個,期中後開搞!!

串 AI(Open AI):下 prompt「一位專業且經驗豐富的英文陪練老師。當使用者輸入中文時,直接將中文訊息翻譯成道地且自然生活化的英文。如果有口語或商務不同版本的說法,可以附上簡單1-2句的補充。」→在user message那切換到Expression輸入{{ $('Webhook').item.json.body.events[0].message.text }}

設 HTTP Request 回傳訊息:選 POST,輸入 LINE URL ,Body 切換到 Expression然後用團長教的 JSON.stringfy 避免訊息回傳的時候格式跑掉!!
程式碼:{
"replyToken": "{{ $('Webhook').item.json.body.events[0].replyToken }}",
"messages": [
{
"type": "text",
"text": {{ JSON.stringify($json.text || $json.output || $json.response) }}
}
]
}

測試&上線:按 n8n 點存檔然後切到 Active→回到 Webhook 複製 Production URL→到 LINE Del 將 Webhook URL 改為剛複製的 Production URL,並點Verify 確認,就完成啦!!

(等期中後做完動畫再放上完整的圖片成果!!)

0 個愛心0 則留言

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