Quick Guide
git clone https://github.com/Xiippy/XiippySDKBridgeSampleAspNetAppgit clone https://github.com/Xiippy/XiippySDKBridgeSamplePHPAppgit clone https://github.com/Xiippy/XiippySDKBridgeSampleNodeJSAppgit clone https://github.com/Xiippy/XiippySDKBridgeSampleGoLangAppdotnet add package Xiippy.POSeComSDK.Lightcomposer require xiippy/posecomsdknpm install xiippy.posecomsdk.lightgo get github.com/Xiippy/Xiippy.POSeCommSDK.Light_GoLang<script src="https://cdn.xiippy.ai/PaymentScripts/app.XiippyFrameSDK.bundle.js"></script>
@{if (!string.IsNullOrEmpty(Model.ErrorText))
{
<div class="alert alert-danger alert-dismissible fade show text-break" role="alert">
<p><strong>Error</strong></p>
<p> @Model.ErrorText</p>
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true"></span>
</button>
</div>
}
}
<div id="frameContainer" style="width:100%; margin:0 auto 0 auto; min-height:300"></div>
<div id="diverror" style="width:100%; margin:0 auto 0 auto;"></div>
<script>
function initXiippyFrameSDK() {
// initialize parameters
var FrameContainerID = 'frameContainer';
// this parameter is generated by Xiippy's server-side SDK and has to be set from the server
var Url = '<%- Model.XiippyFrameUrl %>';
var sdkInstance = new XiippyFrameSDK.XiippyFrameSDK(FrameContainerID, Url);
// listen for events
sdkInstance.on('PaymentProcessed', (eventArgs) => {
// you need to implement payment success logic here
console.log('PaymentProcessed event was fired!', eventArgs);
});
sdkInstance.on('PaymentError', (eventArgs) => {
// you need to implement retrying or error handling logic here!
console.log('PaymentError event was fired!', eventArgs);
document.getElementById('diverror').innerText = eventArgs?.eventArgs?.error?.message;
});
}
// initialize the SDK upon page load
window.addEventListener("load", () => initXiippyFrameSDK(), false);
</script>Last updated