Ενσωματώστε το 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 τομέα Web.

Στοιχεία ελέγχου οθόνης

Οι ενσωματώσεις συνεργατών αποκρύπτουν την κεφαλίδα του υπολογιστή και το ticker της κάτω αγοράς από προεπιλογή. Χρησιμοποιήστε display όταν πρέπει να εμφανίσετε αυτές τις περιοχές κελύφους ή να αποκρύψετε κοντέινερ υψηλού επιπέδου στην ενσωματωμένη σελίδα συναλλαγών.

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

Μέγεθος δοχείου

Για διατάξεις με απόκριση, διατηρήστε το πλάτος ρευστό και ορίστε ένα κατάλληλο ελάχιστο ύψος για κάθε σημείο διακοπής. Ένα κοντέινερ με μηδενικό ύψος μπορεί να φορτώσει το SDK με επιτυχία, αφήνοντας τη διεπαφή συναλλαγών αόρατη.

Επαληθεύστε την ενσωμάτωση

1. Επιβεβαιώστε ότι το σενάριο SDK επιστρέφει με επιτυχία στον πίνακα δικτύου του προγράμματος περιήγησης.
2. Επιβεβαιώστε onReady ενεργοποιείται μόλις αρχικοποιηθεί το iframe.
3. Δοκιμάστε τις διαμορφωμένες symbol, locale, θέμα και κρυφές ενότητες.
4. Αλλάξτε το μέγεθος της σελίδας σε σημεία διακοπής για υπολογιστές και κινητά.
5. Ολοκληρώστε μια δοκιμή με έλεγχο ταυτότητας με έναν χρήστη εκτός παραγωγής πριν από την κυκλοφορία.

Κοινά προβλήματα

Επόμενα βήματα