v1.0.0 · 閉源授權
WeChart
一個獨立的前端交易系統客戶端。透過 Adapter 抽象層，可對接任何符合規格的交易後端 API，無需修改前端代碼。
純靜態前端（HTML + JS），無框架依賴，可部署於任何 Web Server 或 CDN。適合需要快速上線交易介面的白標商、交易平台或金融服務商。
功能特色
完整的交易體驗，從 K 線圖到流動性做市，開箱即用。
K 線圖 + 技術指標
MA / EMA / BOLL / RSI / MACD / KDJ 等 14 種指標，多副圖同步顯示。
繪圖工具
趨勢線、平行通道、矩形、橢圓、斐波那契等完整技術分析工具。
下單面板
限價單 / 市價單 / 止損單，支援止盈止損、槓桿與到期時間設定。
訂單管理
委託、持倉、歷史三 Tab，即時 WebSocket 更新，支援撤單與平倉。
即時訂單簿
即時深度顯示，點擊價格帶入下單，支援自訂深度與 Tick 設定。
流動性做市面板
Broker 專屬，多組流動性掛單與訂單牆，支援自動重置與排程。
手機響應式
完整手機版 UI，底部抽屜下單，訂單簿側滑，完整觸控支援。
Adapter 架構
11 個方法的統一介面，換後端只需一個新 Adapter，前端完全不用改。
介面截圖
桌面版與手機版介面。
快速部署
取得授權後，最快當天即可完成部署上線。
1
取得授權部署包
聯繫我們申請授權，取得包含所有前端檔案的部署包（HTML + JS 模組）。
2
部署到你的 Web Server
將檔案上傳至你的靜態伺服器或 CDN，純靜態，無需任何後端環境。
3
實作 Adapter，接入你的後端
依照 Adapter 規格，實作 11 個方法，修改一行設定即完成。
// 修改這一行，指向你的後端
const api = new TradingApi({
adapter: new MyBrokerAdapter({
apiBase: 'https://your-api.com',
getToken: () => localStorage.getItem('token'),
}),
onUnauthorized: () => showLogin(),
});對接方式
實作以下 11 個方法，所有前端模組自動透過你的後端運作。換後端只需一個新 Adapter，V2 頁面和所有模組完全不用改。
| 方法 | 說明 | 必填 |
|---|---|---|
| login(username, password) | 用戶登入，回傳 { token, user } | ✓ |
| getMe(token) | 驗證 Token，取得用戶資料 | ✓ |
| logout() | 登出 | ✓ |
| getBalance() | 查詢帳戶餘額 | ✓ |
| getSymbols() | 取得可交易商品列表 | ✓ |
| getTicker(symbol) | 取得最新行情 | ✓ |
| getKlines(symbol, interval, limit) | 取得 K 線資料（time 為 Unix 秒） | ✓ |
| getOrderbookConfig(symbol) | 訂單簿顯示配置（可回預設值） | ✓ |
| getOrders(params) | 取得訂單列表，支援 status / limit / symbol 篩選 | ✓ |
| createOrder(data) | 建立訂單 | ✓ |
| cancelOrder(orderId) | 撤銷訂單 | ✓ |
| cancelAllLiquidity(symbol) 可選 | 撤銷所有流動性掛單 |
Adapter 完整規格文件
每個方法的參數定義、回傳格式、範例代碼與 SimTradingAdapter 參考實作
→
版本資訊
| 版本 | v1.0.0 |
| 授權方式 | 閉源商業授權 |
| 前端技術 | 純 HTML + JavaScript，無框架依賴 |
| 支援環境 | 所有現代瀏覽器（Chrome / Firefox / Safari / Edge） |
| 聯繫 | [email protected]（待更新） |