App Demo

Para ayudarte a entender y comprobar cómo funcionan los SDKs de Yuno, el equipo de Yuno proporciona la Demo App. Proporciona ejemplos de implementación de todos los SDK de Yuno. Por tanto, si tienes problemas para ejecutar algún SDK en tu plataforma, puedes ver los ejemplos de funcionamiento de la Demo App.

🚧

Conectar métodos de pago

Para asegurarte de que la Demo App funciona correctamente, asegúrate de conectar al menos un método de pago a tu cuenta a través del Panel de control. De lo contrario, cuando accedas a la Demo App, algunas funciones no funcionarán. Si no sabes cómo conectar un método de pago a tu cuenta, consulta el siguiente contenido:

Paso 1: Clonar el repositorio

Todos los archivos de la Demo App están disponibles en un repositorio GitHub. Para empezar a usarlo, abre tu terminal, clona el repositorio y cambia al directorio clonado:

> git clone https://github.com/yuno-payments/yuno-sdk-web.git
> cd yuno-sdk-web

Paso 2: Actualice las variables de entorno

Primero, debes proporcionar cierta información para ejecutar la aplicación correctamente. Crea un archivo .env en la carpeta raíz y defina las siguientes variables con tu información:

YUNO_X_ACCOUNT_CODE=código_de_tu_cuenta
YUNO_PUBLIC_API_KEY
YUNO_PRIVATE_SECRET_KEY

Puedes encontrar account_code, public_api_keyy private_secret_key en el Panel de control del comerciante Yuno.

Paso 3: Inicie la aplicación de demostración

Después de definir el archivo .env , instala todas las dependencias:

> npm install

Ahora estás listo para ejecutar la aplicación usando el siguiente comando:

> npm start

Para acceder a la aplicación en ejecución, abre tu navegador y dirígete a:

http://localhost:YOUR-PORT

Si no cambias el código, la aplicación estará disponible en http://localhost:8080/ (para el desarrollo local).

También puede cambiar el país agregando un parámetro de consulta llamado country a la URL con uno de los códigos de país US, GB, FR, DE, IT, JP, CNEl siguiente ejemplo define la URL para acceder a una aplicación que se ejecuta en el puerto 8080 y con Alemania como país seleccionado:

http://localhost:8080?country=DE

Encontrarás un panel, como el que se muestra a continuación, con todos los SDK de Yuno disponibles accediendo a la URL. Selecciona el SDK deseado para ver su apariencia y cómo funciona.

Captura de pantalla de la aplicación de demostración

Mantente al día

Visita el registro de cambios para ver las últimas actualizaciones del SDK y el historial de versiones.