چطور این جاسازی کار می‌کند؟

نمونه‌ی کد کامل

<script src="https://cdn.finoticket.ir/fino-console.js"></script>

<fino-console
  mode="agent"
  api-base="https://api.finoticket.ir"
  allowed-origins="https://shop-aftab.ir"
  locale="fa"
  primary-color="#f59e0b"
></fino-console>

<script>
  // ۱. به پنل بگویید که آماده‌ایم
  const console = document.querySelector('fino-console');

  window.addEventListener('message', async (e) => {
    if (e.origin !== 'https://api.finoticket.ir') return;

    // ۲. پنل می‌گوید «توکن می‌خواهم»
    if (e.data.type === 'fino:auth-required') {
      // ۳. توکن را از بک‌اند خودتان بگیرید (سکرت را در مرورگر نگه ندارید)
      const res = await fetch('/api/finoticket-token');
      const { access_token, expires_in } = await res.json();

      // ۴. توکن را به پنل بدهید
      console.postMessage
        ? console.postMessage({ type: 'fino:init', token: access_token, expiresIn: expires_in },
            'https://api.finoticket.ir')
        : window.postMessage({ type: 'fino:init', token: access_token, expiresIn: expires_in },
            'https://api.finoticket.ir');
    }

    // ۵. ارتفاع را خودکار تنظیم کنید تا اسکرول تودرتو نداشته باشید
    if (e.data.type === 'fino:resize') {
      console.style.height = e.data.height + 'px';
    }
  });
</script>

ویژگی‌های پنل

پیام‌هایی که می‌توانید بشنوید

سوالات متداول