WebMCP
by OnRampLab
安裝設定
Declarative API
Imperative API
電商 Demo
MarTech
AI 助手
日誌監控
← 返回首頁
電商搜尋 Demo
同時展示 Declarative API(搜尋表單)和 Imperative API(購物車操作)。 這是一個更貼近真實應用的範例。
混合架構:
搜尋表單使用
Declarative API
(HTML 屬性),購物車操作使用
Imperative API
(JS 註冊)。 這種混合方式讓你可以根據需求選擇最適合的 API。
Agent 完整流程:
搜尋商品 → 查看詳情 → 加入購物車 → 查看購物車 → 結帳
偵測 WebMCP 支援中...
Declarative API
商品搜尋
搜尋關鍵字
分類
全部
筆記型電腦
手機
音訊設備
配件
最高價格 (USD)
搜尋
Imperative API
購物車
工具: add_to_cart, view_cart, clear_cart, get_product_details
購物車是空的
互動日誌
等待操作...