iT邦幫忙

2025 iThome 鐵人賽

DAY 29
0
Software Development

MCP的30天養成計畫系列 第 29

【Day 29】來做個簡單的機器人吧! Reflex

  • 分享至 

  • xImage
  •  

昨天我們用 Gradio 做了一個互動網頁。
今天要介紹另一個選擇:Reflex


Reflex 是什麼?

Reflex 是一個 Python 全端框架,可以用 Python 直接寫前端 + 後端。
和 Gradio 不同的是:

  • Gradio 偏向快速 demo
  • Reflex 偏向「可以拿來做產品級應用」

簡單範例

import reflex as rx

class State(rx.State):
    message: str = ""

    def update(self, msg: str):
        self.message = f"你說: {msg}"

def index():
    return rx.vstack(
        rx.input(on_blur=State.update),
        rx.text(State.message)
    )

app = rx.App()
app.add_page(index)
app.compile()
這樣就能生成一個互動式的網頁應用。

MCP + Reflex

前端輸入 → 後端呼叫 MCP 工具(Claude + summarizer + sentiment)
結果再顯示在前端
這樣你就能用 Reflex 做一個「有完整 UI/UX」的 AI 機器人。

小結

Gradio 適合做快速原型,Reflex 適合做完整應用。
到這裡,我們已經完成了從 工具 → 流程 → 機器人介面 的完整路徑。


上一篇
【Day 28】來做個簡單的機器人吧! Gradio
下一篇
【Day 30】參賽的尾聲
系列文
MCP的30天養成計畫30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言