全新電商平台 SmartShoppie 採用區塊鏈技術,打造具自動退款機制和基於 NFT 的獎勵機制的群眾募資池。該平台以 Yellow SDK 開發工具組為基礎,允許用戶透過部署於以太坊 Sepolia 測試網的智慧合約,為高價商品集資。
重點摘要:
- SmartShoppie 透過區塊鏈群眾募資池實現團購,未達資金目標時自動退款
- 平台利用智慧合約技術,為成功參與者結合 NFT 獎勵及工作坊體驗
- 開發過程中使用 Yellow SDK,這是一套簡化區塊鏈應用程式開發的鏈中立 Web3 開發工具
系統運作方式為用戶建立目標金額及截止日期的集資池。舉例來說,當用戶 Alice 發起購買 3D 印表機的集資池,設定 1 萬美元目標且為期 30 天,其餘用戶如 Bob 可參與出資,由平台智慧合約追蹤資金流向。若資金達標,款項將劃撥給供應商,參與者可獲得商品及基於 NFT 的工作坊入場資格。若集資失敗,平台將自動全額退還所有出資者款項。
平台的智慧合約架構以「hasParticipated」資料映射追蹤參與紀錄,同時釋出 participate 函式,登記用戶與發送參與事件,供鏈下通知參考。智慧合約部署於本地 Hardhat 網路,採標準區塊鏈開發命令完成。
SmartShoppie 前端採用 React 與 Vite 打造現代化電商介面,商品頁面具即時折扣倒數器及即時價格更新。WebSocket 集成於 10000 埠口,即時傳送購買資料至後端,並於登入模組收集錢包地址以利區塊鏈交易。
區塊鏈串接採 wagmi 及 viem 函式庫連結以太坊網路。useAccount 函式可自動偵測已連結錢包地址,useWriteContract 處理鏈上交易。錢包資訊及商品資料透過 WebSocket 傳送至後端備存用途。
開發團隊將 wagmi 2 版依 React 標準、結合 Sepolia 測試網與 HTTP 傳輸供應者設定。其他開發庫包括用於狀態管理的 @tanstack/react-query、前端開發用 Vite、以及以太坊開發與部署工具 Hardhat。
Yellow SDK 是底層開發框架,為高效能鏈中立工具組,致力於連結傳統 Web2 與新興 Web3 開發實踐。
該工具組原生支援多鏈布署,使應用程式能跨多個區塊鏈網路運作,無需為每條鏈另行開發。開發者毋須成為區塊鏈專家,只需一層整合,就能讓工具自行處理各鏈專屬邏輯。
SDK 解決常見 Web3 開發挑戰,包括錢包集成複雜、Gas 優化與用戶體驗不佳等痛點。還可支援鏈下即時互動,有效改善 Web3 使用者需長時間等候交易上鍊確認的困擾。
結語
SmartShoppie 代表電商平台融合區塊鏈團購與自動化資金管理的新趨勢。平台運用 Yellow SDK,展現了現代開發工具如何協助傳統開發者更容易打造 Web3 應用。智慧合約、NFT 獎勵和自動退款機制結合,提供用戶協作購物與區塊鏈安全、透明的新選擇。

