打开支付UI

新建窗口

要在新窗口中打开支付UI，请使用以下URL：https://sandbox-secure.xsolla.com/paystation2/?access_token=TOKEN，其中TOKEN是获得的令牌。

您也可以通过其他方式打开支付UI：

• 使用Pay Station Embed。缺点：在游戏内浏览器(WebView)中打开可能会有问题。
• 在iframe中打开。缺点：在游戏内浏览器(WebView)或应用程序的移动版本中打开可能会有问题。

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集成到网站的过程。小组件脚本在我们的GitHub存储库中提供。

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

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

事件列表：

如要初始化支付UI的打开，请使用以下链接：https://secure.xsolla.com/paystation3/?access_token=TOKEN。

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

Iframe

要在iframe中打开支付UI：

1. 实现postMessage机制以接收支付UI的事件。
2. 在使用支付组中的API调用创建订单时获取令牌。在请求中传入：
   • 设备类型（桌面或移动设备）（settings.ui.version参数中）
   • 支付UI大小（settings.ui.size参数中）：

3. 使用链接https://sandbox-secure.xsolla.com/paystation2/?access_token=TOKEN打开支付UI，其中TOKEN是收到的令牌。

继续阅读