Developer tools

Primeros Pasos - React Native

Esta página provee una guía comprensiva para inizializar el SDK React Native DEUNA en tu aplicación.

📘

Versión Estable: 1.0.4

📘

El SDK de React Native de DEUNA es compatible con Expo.

Requerimientos

Para utilizar el SDK de React Native de DEUNA, debes cumplir con los siguientes requerimientos:

  • NodeJs 20 o superior
  • Yarn o NPM como gestor de paquetes
  • React18.2.0 o superior
  • React Native 0.72.0 o superior
  • React Native WebView 13.12.5 o superior
  • Expo SDK 50 o superior (para aplicaciones con Expo)
  • Una cuenta activa en DEUNA
  • Credenciales válidas de DEUNA
  • Configuraciones mínimas en tu proyecto Android: minSdkVersion 24 o superior

📘

El SDK de DEUNA también es compatible con dispositivos Huawei con HarmonyOS 2.0 o superior.

📘

Si tienes alguna demora en obtener tus credenciales, comunicate con [email protected].

Instala el SDK

Comienza la inicializacion del SDK React Native.

🚧

Recuerda seguir prácticas de seguridad y privacidad al manejar información financiera de los usuarios.

1. Agrega el SDK

Utiliza el siguiente comando para agregar el SDK de DEUNA a tu proyecto React Native o Expo:

yarn add @deuna/react-native-sdk

npm i @deuna/react-native-sdk

Si tu proyecto no contiene la dependencia react-native-webview, agregala a tu proyecto:

yarn add react-native-webview

npm i react-native-webview

2. Inicializa el SDK

Inicializa el SDK o crea una instancia de la clase DeunaSDK.

import { DeunaSDK, Environment } from '@deuna/react-native-sdk';
const deunaSDK = DeunaSDK.initialize({
  publicApiKey: 'YOUR_PUBLIC_API_KEY',
  environment: 'sandbox', // sandbox or production
});

3. Elige el componente widget

Continúa con el proceso de integración siguiendo las instrucciones específicas para cada componente.

Elige el componente:

Payment Widget React

Payment Vault React