Cómo integrar CCAvenue a la aplicación Ionic

necesita seguir el proceso a continuación para integrar CCAvenue

Proceso común

  • Por defecto, ccavenue bloquea todas las direcciones IP para que no muestren la página de pago, excepto la url por la cual el usuario se ha registrado.
  • Primero verifique qué dirección IP está utilizando la aplicación mientras se ejecuta a través del ionic serve , solicite al soporte de ccavenue que incluya esa ip en la lista blanca y también el puerto 8100 o lo que sea que esté usando su aplicación. (si ejecuta su aplicación desde localhost, cambie la dirección con el comando “dirección iónica” y le da las dos opciones, así que elija la dirección IP local). vea la imagen a continuación.

  • antes de iniciar sesión en su cuenta CCAvenue MARS y descargar el kit de integración Non-Seamless para la plataforma Android desde Recursos -> Descargar el kit de integración.
  • Descargue todo el archivo en la carpeta “backend” del repositorio anterior y realice los siguientes cambios:
  • cambie el $ working_id, $ access_code, $ merchant_id y $ base_url en constant.php. (que obtendrá al configurar pestañas de ccavenue).
  • $ base_url debe ser la ruta válida donde se coloca la carpeta de fondo.

Cargue la carpeta “backend” en el servidor de alojamiento de IP saliente de la lista blanca (a su servidor).

Primera forma

  • Luego instale inappbrowser ejecutando el comando –

complemento $ cordova add cordova-plugin-inappbrowser

Después de una instalación exitosa, escriba el siguiente código en el controlador

$ scope.data = {
orderId: 1,
cantidad: 1,
};

$ scope.ref = nulo;
$ scope.getStateSecondWindow = function ()
{
$ scope.ref.executeScript (
{code: “localStorage.getItem (‘isCloseSelf’)”},
función (datos)
{
if (datos == ‘sí’)
{
$ scope.ref.close ();
}
}
);
}
$ scope.onSubmit = function () {
$ scope.ref = window.open (CONFIG.BASE_URL + ‘getRSA.php? orderId =’ + $ scope.data.orderId + ‘& amount =’ + $ scope.data.amount, ‘_ blank’, ‘location = no’ );
$ scope.ref.addEventListener (‘loadstart’, function (event) {});
$ scope.ref.addEventListener (‘cargas’, función (evento) {
setInterval ($ scope.getStateSecondWindow, 5000);
});
$ scope.ref.addEventListener (‘salida’, función (evento) {});
}

  • por favor consulte esta url para más información

Segunda forma

  • primero siga el proceso común dado y luego haga
  • usa esta url para este método.

    Actualmente estoy trabajando en la misma integración de CCAvenue para la aplicación Ionic.

En primer lugar, instale el complemento inappbrowser en su aplicación iónica.

complemento cordova agregar cordova-plugin-inappbrowser

Después de una instalación exitosa, escriba el siguiente código en el controlador:

$ scope.data = {
orderId: 1,
cantidad: 1,
};

$ scope.ref = nulo;
$ scope.getStateSecondWindow = function ()
{
$ scope.ref.executeScript (
{code: “localStorage.getItem (‘isCloseSelf’)”},
función (datos)
{
if (datos == ‘sí’)
{
$ scope.ref.close ();
}
}
);
}
$ scope.onSubmit = function () {
$ scope.ref = window.open (CONFIG.BASE_URL + ‘getRSA.php? orderId =’ + $ scope.data.orderId + ‘& amount =’ + $ scope.data.amount, ‘_ blank’, ‘location = no’ );
$ scope.ref.addEventListener (‘loadstart’, function (event) {});
$ scope.ref.addEventListener (‘cargas’, función (evento) {
setInterval ($ scope.getStateSecondWindow, 5000);
});
$ scope.ref.addEventListener (‘salida’, función (evento) {});
}

Puede cambiar el Id. De pedido y la cantidad según lo requiera.

He tomado referencia del siguiente enlace. Por favor, eche un vistazo para la demostración.

manjitlatthe / ionic-php-ccavenue -integration

No creo que haya un SDK disponible. Cuando hicimos nuestra aplicación iónica por primera vez, abrimos la página de pago en el navegador web inapp. Se siguió el mismo método en nuestra aplicación nativa de Android. Pero necesita un servidor que ejecute PHP o algún script de back-end para el manejo de la respuesta de devolución de llamada.