Встроить 6MM Trading Widget: Быстрый старт

Trading Widget SDK встраивает торговый интерфейс 6MM внутри веб-страницы, принадлежащей партнёру. Самая быстрая интеграция требует видимого контейнера, скрипта SDK производства и вызова TradingWidget.create().

Прежде чем начать

• Запустить пример с веб-страницы, которая может загружать ресурсы из https://app.6mm.com.
• Дайте контейнеру виджета явную ширину и высоту.
• Загрузи SDK перед вызовом TradingWidget.create().
• Планировать процесс аутентификации до включения функций аккаунта или торговли в продакшене.

Минимальный пример

1
<div id="trading-widget" style="width: 100%; height: 720px"></div>
2
3
<script src="https://app.6mm.com/sdk/trading-widget/v1/index.js"></script>
4
<script>
5
  const widget = TradingWidget.create('#trading-widget', {
6
    baseUrl: 'https://app.6mm.com',
7
    symbol: 'BTCUSDT',
8
    theme: 'dark',
9
    locale: 'en',
10
    layout: 'default',
11
    display: {
12
      showHeader: false,
13
      showTicker: false,
14
      hidden: [],
15
    },
16
    onReady(event) {
17
      console.log('ready', event)
18
    },
19
    onError(error) {
20
      console.error('error', error)
21
    },
22
  })
23
</script>

Когда интеграция успешна, SDK создаёт iframe внутри #trading-widget и вызывает onReady. Захват onError во время разработки, чтобы сбои при конфигурации и нагрузке были видны.

SDK URL

Установить baseUrl явно

При тестировании со страниц, принадлежащих партнёрам, передайте baseUrl так, чтобы iframe всегда указывал на веб-домен 6MM .

Управление дисплеем

Встроенные партнёры по умолчанию скрывают заголовок ПК и тикер нижнего рынка. Используйте display , когда нужно показать эти области оболочки или скрыть высокоуровневые контейнеры на странице встраиваемых торгов.

1
display: {
2
  showHeader: false,
3
  showTicker: false,
4
  hidden: ['account'],
5
}

Размер контейнера

Для адаптивных раскладок поддерживайте ширину плавной и устанавливайте соответствующую минимальную высоту для каждой точки тормоза. Контейнер с нулевой высотой может успешно загрузить SDK , оставляя торговый интерфейс невидимым.

Проверьте интеграцию

1. Подтвердите, что скрипт SDK успешно возвращается в сетевой панели браузера.
2. Подтвердите onReady срабатывает после инициализации iframe.
3. Проверьте настроенные symbol, locale, тему и скрытые разделы.
4. Измените размер страницы между точками остановки на компьютере и мобильных устройствах.
5. Пройти аутентифицированный тест с непроизводственным пользователем до запуска.

Распространённые проблемы

Следующие шаги