6MM Trading WidgetGöm: Hızlı Başlangıç

Trading Widget SDK, 6MM ticaret arayüzünü ortaklara ait bir web sayfasına gömüyor. En hızlı entegrasyon için görünür bir konteyner, üretim SDK betiği ve TradingWidget.create()çağrısı gerekir.

Başlamadan önce

• Örneği, kaynakları yükleyebilen bir web sayfasından çalıştırmak https://app.6mm.com.
• Widget konteynerine açık bir genişlik ve yükseklik verin.
• Aramadan önce SDK yükleyin TradingWidget.create().
• Planlayın Kimlik doğrulama akışı Üretim sırasında hesap veya ticaret özelliklerini etkinleştirmeden önce.

Minimal örnek

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>

Entegrasyon başarılı olduğunda, SDK #trading-widget içinde bir iframe oluşturur ve onReadyçağırır. Geliştirme sırasında onError yakalayın, böylece yapılandırma ve yükleme hataları görünür olur.

SDK URL’ler

** baseUrl açıkça ayarla**

Ortak sahipliğindeki sayfalardan test yaparken, iframe her zaman 6MM Web alan adına işaret etmesi için baseUrl iletin.

Ekran kontrolleri

Ortak gömülüler, varsayılan olarak PC başlığını ve alt piyasa ticker’ını gizler. Kabuk alanlarını göstermeniz veya gömülü ticaret sayfasında yüksek seviyeli konteynerleri gizlemeniz gerektiğinde display kullanın.

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

Konteyner boyutu

Duyarlı düzenler için genişliği akıcı tutun ve her kırılma noktası için uygun minimum yükseklik belirleyin. Sıfır yüksekliğe sahip bir konteyner, SDK başarılı şekilde yükleyebilir ve işlem arayüzünü görünmez bırakabilir.

Entegrasyonu doğrulayın

1. SDK betiksinin tarayıcı ağ panelinde başarılı bir şekilde geri döndüğünü onaylayın.
2. iframe başlatıldığında onReady ateşlendiğini onaylayın.
3. Yapılandırılmış symbol, locale, tema ve gizli bölümleri test edin.
4. Sayfayı masaüstü ve mobil ara noktaları arasında boyutlandırın.
5. Lansmandan önce üretim dışı bir kullanıcıyla doğrulamalı bir testi tamamlamak.

Yaygın sorunlar

Sonraki adımlar