Incorpore o 6MM Trading Widget: Início Rápido

O Trading Widget SDK incorpora a interface de negociação 6MM dentro de uma página web de propriedade do parceiro. A integração mais rápida requer um contêiner visível, o script de produção SDK e uma chamada para TradingWidget.create().

Antes de começar

• Rodar o exemplo a partir de uma página web que pode carregar recursos de https://app.6mm.com.
• Atribuir ao contêiner do widget uma largura e altura explícitas.
• Carregue o SDK antes de chamar TradingWidget.create().
• Planeje o fluxo de autenticação antes de ativar recursos de conta ou negociação em produção.

Exemplo mínimo

<div id="trading-widget" style="width: 100%; height: 720px"></div>
<script src="https://app.6mm.com/sdk/trading-widget/v1/index.js"></script>
<script>
  const widget = TradingWidget.create('#trading-widget', {
    baseUrl: 'https://app.6mm.com',
    symbol: 'BTCUSDT',
    theme: 'dark',
    locale: 'en',
    layout: 'default',
    display: {
      showHeader: false,
      showTicker: false,
      hidden: [],
    },
    onReady(event) {
      console.log('ready', event)
    },
    onError(error) {
      console.error('error', error)
    },
  })
</script>

Quando a integração é bem-sucedida, o SDK cria um iframe dentro de #trading-widget e chama onReady. Capture onError durante o desenvolvimento para que falhas de configuração e carregamento fiquem visíveis.

SDK URLs

Definir baseUrl explicitamente

Ao testar a partir de páginas de propriedade do parceiro, passe baseUrl para que o iframe sempre aponte para o domínio 6MM Web.

Controles de exibição

Os embeds parceiros escondem o cabeçalho do PC e o ticker do mercado inferior por padrão. Use display quando precisar mostrar essas áreas de shell ou esconder contêineres de alto nível na página de negociação embutida.

display: {
  showHeader: false,
  showTicker: false,
  hidden: ['account'],
}

Tamanho do recipiente

Para layouts responsivos, mantenha a largura fluida e defina uma altura mínima apropriada para cada ponto de interrupção. Um contêiner com altura zero pode carregar a SDK com sucesso enquanto deixa a interface de negociação invisível.

Verifique a integração

1. Confirme que o script de SDK retorna com sucesso no painel de rede do navegador.
2. Confirme onReady dispara assim que o iframe for inicializado.
3. Teste as seções configuradas symbol, locale, tema e ocultas.
4. Redimensione a página entre os pontos de interrupção do desktop e do celular.
5. Concluir um teste autenticado com um usuário não produtivo antes do lançamento.

Questões comuns

Próximos passos