@flittpayments/js-sdk
v2.0.11-alpha.0
Published
Flitt JavaScript SDK
Downloads
650
Keywords
Readme
Flitt JavaScript SDK
Installation
Node
If you’re using Npm in your project, you can add @flittpayments/js-sdk dependency to package.json
with following command:
npm i --save @flittpayments/js-sdkor add dependency manually:
{
"dependency": {
"@flittpayments/js-sdk": "^2.0"
}
}Manual installation
If you do not use NPM, you can download the latest release. Or clone from GitHub the latest developer version
git clone [email protected]:flittpayments/js-sdk.gitQuick start
<script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>Basic template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>
<script>
$checkout('Api').scope(function () {
this.request('api.checkout.form', 'request', { Parameters })
.done(function (model) {
model.sendResponse()
console.log(model.attr('order'))
})
.fail(function (model) {
console.log(model.attr('error'))
})
})
</script>
</body>
</html>PaymentButton template (ApplePay/GooglePay)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
</head>
<body>
<script src="https://cdn.jsdelivr.net/npm/@flittpayments/js-sdk"></script>
<div class="payment-button-container"></div>
<script>
$checkout
.get('PaymentButton', {
element: '.payment-button-container',
style: {
type: 'long', // short|long
color: 'black', // black|white
height: 38, // button height
},
data: { Parameters },
})
.on('success', function (model) {
console.log('success', model)
})
.on('error', function (model) {
console.log('error', model)
})
</script>
</body>
</html>Parameters
Host-to-host token
{
"payment_system": "Supported payment systems: card, p24",
"token": "host-to-host generated token",
"card_number": "16/19-digits number",
"expiry_date": "Supported formats: MM/YY, MM/YYYY, MMYY, MMYYYY",
"cvv2": "3-digits number"
}Where token is value, returned in payment gateway response from API endpoint /api/checkout/token (more details in API documentation: https://docs.flitt.com/api/create-order/ )
request example:
curl -i -X POST \
-H "Content-Type:application/json" \
-d \
'{
"request": {
"server_callback_url": "http://myshop/callback/",
"order_id": "TestOrder1",
"currency": "USD",
"merchant_id": 1396424,
"order_desc": "Test payment",
"amount": 1000
}
}' \
'https://pay.flitt.com/api/checkout/token'response example:
{
"response": {
"response_status": "success",
"token": "7ddb3fbb03d60787b3972ef8d6fad0f97f7d2f86"
}
}Client-side merchant ID
{
"payment_system": "Supported payment systems: card, p24",
"merchant_id": "1396424",
"currency": "USD",
"amount": "100.20",
"card_number": "16/19-digits number",
"expiry_date": "Supported formats: MM/YY, MM/YYYY, MMYY, MMYYYY",
"cvv2": "3-digits number"
}optional merchant parameters:
{
"email": "customer email address",
"phone": "customer phone number"
}Usage example
https://jsfiddle.net/flitt/on8ydsgq/
License
License Code released under MIT LICENSE
