Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/codeeshop-oc/cordova-codeeshop-cespay

Cordova Custom Payment Gateway Integration with In-App Browser
https://github.com/codeeshop-oc/cordova-codeeshop-cespay

cordova cordova-android cordova-payment cordova-payment-package cordova-plugin npm npm-package

Last synced: about 7 hours ago
JSON representation

Cordova Custom Payment Gateway Integration with In-App Browser

Awesome Lists containing this project

README

        

# CesPay - Cordova Plugin

[![Latest Stable Version](https://img.shields.io/npm/v/cordova-codeeshop-cespay.svg)](https://www.npmjs.com/package/cordova-codeeshop-cespay) [![Total Downloads](https://img.shields.io/npm/dt/cordova-codeeshop-cespay.svg)](https://npm-stat.com/charts.html?package=cordova-codeeshop-cespay)
[![license](https://img.shields.io/badge/license-MIT-green)](https://github.com/codeeshop-oc/cordova-codeeshop-cespay/blob/main/LICENSE)
[![PRs welcome](https://img.shields.io/badge/PRs-welcome-ff69b4.svg)](https://github.com/codeeshop-oc/cordova-codeeshop-cespay/issues?&q=is%3Aissue+is%3Aopen)
![Downloads Monthly](https://img.shields.io/npm/dm/cordova-codeeshop-cespay.svg)

Cordova Custom Payment Gateway Integration with In-App Browser

This Cordova plugin helps you to be able to use any Payment Gateway haveing Success and Failed Callback URL to return response with your Cordova hybrid application. This plugin supports Android.

## Installation:

Add another dependent cordova plugin
[cordova-plugin-inappbrowser](https://www.npmjs.com/package/cordova-plugin-inappbrowser)
`cordova plugin add cordova-plugin-inappbrowser`

Add this plugin in your cordova application with the following command.

`cordova plugin add cordova-codeeshop-cespay`

It is also possible to install the plugin via repo url directly

`cordova plugin add https://github.com/codeeshop-oc/cordova-codeeshop-cespay.git`

## Usage:

```
// Init Payment
CustomPayment.startPayment({
url: 'YOUR_PAYMENT_REDIRECT_URL',
callbackErrorURL: 'YOUR_PAYMENT_FAILURE_URL',
callbackSuccessURL: 'YOUR_PAYMENT_SUCCESS_URL'
})

// Return Payment Response Event
window.addEventListener('paymentmessage', this.paymentCallBack)

function paymentCallBack(e) {
if(typeof e.detail != 'undefined') {
console.debug(e.detail.data, 'paramsparams1')
} else {
console.debug(e, 'other paramsparamsparams')
}
}
```
## Live Demo

[![Youtube Link](https://img.youtube.com/vi/AoRvwAklZaQ/0.jpg)](http://www.youtube.com/watch?v=AoRvwAklZaQ)

### All Params

Method: startPayment

| Prop name | Description | Type | Values | Default |
| ------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------- | --------------------- | ------------ |
| url | YOUR_PAYMENT_REDIRECT_URL | String | - | |
| target | key to be used to show listing data ( just one ) | String | - | _blank |
| options | Cordova Plugin Options ( cordova-plugin-inappbrowser ) | String | [Options](https://github.com/apache/cordova-plugin-inappbrowser#example-1) | location=no,hidenavigationbuttons=yes,hideurlbar=yes,hardwareback=no,fullscreen=yes |
| callbackSuccessURL | YOUR_PAYMENT_FAILURE_URL | String | - | success |
| callbackErrorURL | YOUR_PAYMENT_SUCCESS_URL | String | - | failed |

## 🔖 License

This software is licensed under the [MIT](../main/LICENSE).