iT邦幫忙

2025 iThome 鐵人賽

DAY 11
0
Modern Web

AI × Web:生活魔法方程式系列 第 11

Day11.智慧聊天機器人-總結

  • 分享至 

  • xImage
  •  

這幾天的專案讓我一步步完成了一個簡單的智慧聊天機器人。從前端畫面設計開始,到加入互動功能,再到建立後端 API 串接 Gemini,每個階段都很清楚地看到功能慢慢成形。

在前端,我學會了如何處理使用者輸入、即時更新訊息列表,並讓畫面看起來更直覺。後端部分則練習了建立 API Route、接收前端訊息,以及回傳 Gemini 回覆的流程,也理解了 API Key 只放在後端的安全性考量。

雖然目前 Gemini API Key 還沒有成功取得回覆,但專案架構已經完成,前端與後端的整合也可以正常運作,這讓我對整個聊天流程有完整的掌握。

這次專案除了實作技能外,也讓我更熟悉 Next.js 的前後端整合、fetch API 的使用,以及如何規劃訊息傳遞與回覆流程。未來只要把 Gemini API Key 啟用,就可以完整呈現智慧聊天功能。

整體而言,這是一個從零到一的完整練習,學到的不只是程式技巧,更是思考專案結構與功能串接的方法。

🎉 專案雖然還有部分待完成,但我已經完成了前後端整合,成功建立了可互動的智慧聊天機器人框架。


上一篇
Day10.前後端整合
下一篇
Day12.回顧
系列文
AI × Web:生活魔法方程式13
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言