> For clean Markdown of any page, append .md to the page URL.
> For a complete documentation index, see https://docs.6mm.com/llms.txt.
> For AI client integration (Claude Code, Cursor, etc.), connect to the MCP server at https://docs.6mm.com/_mcp/server.

# Trading Widget SDK

> 學習如何將 6MM 數位資產交易終端嵌入合作夥伴網站，具備安全認證、顯示控制、執行時方法及生命週期事件。

<h2 id="responsibility-split">
  責任分工
</h2>

| 面積        | 擁有者                             | 註釋                                                           |
| --------- | ------------------------------- | ------------------------------------------------------------ |
| 容器建立      | 合作夥伴前端                          | 提供一個明顯且寬度與高度的可見元素。                                           |
| iframe 創建 | Trading Widget SDK              | SDK 負責建立並管理 iframe。                                          |
| 交易使用者介面   | 6MM iframe                      | K-line、訂單簿、訂單表、持倉、訂單及帳戶資料皆在 iframe 內運行。                      |
| 顯示控制      | Trading Widget SDK + 6MM iframe | PC 嵌入標頭和底部股票碼預設是隱藏的。合作夥伴可以使用 `display` 顯示 shell 區域或隱藏高階交易容器。 |
| 合作夥伴登入檢查  | 合作夥伴後端                          | 在發出認證憑證前，請驗證合作夥伴使用者會話。                                       |
| 嵌入代幣發行    | 合作夥伴後端 + 代理 API                 | 推薦用於夥伴代幣模式。                                                  |

<h2 id="versioning">
  版本控制
</h2>

公開整合路徑在 v1 腳本 URL下保持穩定。目前 v1 能力集包含夥伴標記、 tokenProvider、 entryUrlProvider、顯示控制、生命週期事件、實例方法及訂單事件。

```html
<script src="https://app.6mm.com/sdk/trading-widget/v1/index.js"></script>
```

<h2 id="when-to-use-the-widget">
  何時使用小工具
</h2>

當合作夥伴需要在現有網路產品內建立完整交易介面時，選擇 Trading Widget 。在建立與維護完全客製化的交易介面時，請使用 REST API 與 WebSocket 文件。

<h2 id="implementation-path">
  實作路徑
</h2>

1. 跟隨 [Trading Widget 快速入門](/zh-TW/sdk/trading-widget/quick-start) 載入腳本並建立可見容器。
2. 配置 [夥伴令牌認證](/zh-TW/sdk/trading-widget/authentication) 透過合作夥伴的後端。
3. 新增所需 [選項與事件](/zh-TW/sdk/trading-widget/options-events).
4. 使用 [實例方法](/zh-TW/sdk/trading-widget/instance-methods) 用於生命週期與執行時控制。