打开支付UI

有三种打开支付UI的方法：

• Pay Station Embed脚本
• Iframe
• 新建窗口

Pay Station Embed

示例：异步脚本加载

<script>
   var options = {
       access_token: 'ACCESS_TOKEN', //TODO use access token, received on previous step
       sandbox: true //TODO please do not forget to remove this setting when going live
   };
   var s = document.createElement('script');
   s.type = "text/javascript";
   s.async = true;
   s.src = "https://static.xsolla.com/embed/paystation/1.0.7/widget.min.js";
   s.addEventListener('load', function (e) {
       XPayStationWidget.init(options);
   }, false);
   var head = document.getElementsByTagName('head')[0];
   head.appendChild(s);
</script>

<button data-xpaystation-widget-open>Buy Credits</button>

Pay Station Embed允许通过postMessage获取支付UI事件。您可以将事件发送到分析系统。如要在分析系统中设置事件处理，请联系帐户经理或发送电子邮件至am@xsolla.com。

要轻松在网站上实现该支付UI，请从我们的CDN下载脚本。请使用该URL将脚本集成到您的网站。如需更多信息，请访问我们的GitHub存储库。

用于脚本初始化的参数列表：

脚本使您可以跟踪支付UI发生的事件。根据事件的类型，可以在网页上执行各种操作。

事件列表：

如果您想要自行初始化打开支付UI，请使用此链接：https://secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN。

如用于测试，请使用以下URL：https://sandbox-secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN。

Iframe

需在您的代码侧实现以下机制：

• 检查设备类型（桌面或移动设备）并将其包含在令牌的settings.ui.version参数中发送。
• 通过postMessage获取支付UI的事件。可将这些事件发送给分析系统。要在分析系统中设置事件处理，请联系帐户经理或发送电子邮件至am@xsolla.com。

如要在iframe中打开支付UI，请使用下列链接：https://secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN，其中ACCESS_TOKEN是在上一步中获得的令牌。对于测试，请使用此URL：https://sandbox-secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN。

新建窗口

如要在新窗口中打开支付UI，请使用下列链接：https://secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN，其中ACCESS_TOKEN是在上一步中获得的令牌。对于测试，请使用此URL：https://sandbox-secure.xsolla.com/paystation3/?access_token=ACCESS_TOKEN。

继续阅读