Application Démo

Afin de vous aider à comprendre et à vérifier le fonctionnement des SDK Yuno, l'équipe Yuno met à disposition l'Application Démo. Celle-ci fournit des exemples d'implémentation pour tous les SDK Yuno. Par conséquent, si vous rencontrez des difficultés à exécuter un SDK sur votre plateforme, vous pouvez consulter les exemples fonctionnels de l'Application Démo.

🚧
Connecter les Méthodes de Paiement
Pour garantir que l'Application Démo fonctionne correctement, assurez-vous de connecter au moins une méthode de paiement à votre compte via le tableau de bord. Sinon, lorsque vous accéderez à l'Application Démo, certaines fonctionnalités ne fonctionneront pas. Si vous ne savez pas comment connecter une méthode de paiement à votre compte, consultez le contenu suivant :

Connexions

Checkout Builder

Routage

Étape 1 : Cloner le dépôt

Tous les fichiers de l'Application Démo sont disponibles sur un dépôt GitHub. Pour commencer à l'utiliser, ouvrez votre terminal, clonez le dépôt et naviguez vers le répertoire cloné :

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

Étape 2 : Mettre à jour les variables d'environnement

Tout d'abord, vous devez fournir certaines informations pour exécuter l'application correctement. Créez un fichier .env dans le dossier racine et définissez les variables suivantes avec vos informations :

YUNO_X_ACCOUNT_CODE=votre_code_de_compte
YUNO_PUBLIC_API_KEY=votre_clé_api_publique
YUNO_PRIVATE_SECRET_KEY

Vous pouvez trouver account_code, public_api_keyet private_secret_key dans le paramètre Tableau de bord du commerçant Yuno.

Étape 3 : Démarrer l'Application Démo

Après avoir défini le fichier .env , installez toutes les dépendances :

> npm install

Vous êtes maintenant prêt à exécuter l'application en utilisant la commande suivante :

> npm start

Pour accéder à l'application en cours d'exécution, ouvrez votre navigateur et allez à :

http://localhost:YOUR-PORT

Si vous ne modifiez pas le code, l'application sera disponible à l'adresse http://localhost:8080/ (pour le développement local).

Vous pouvez également changer le pays en ajoutant un paramètre de requête nommé country à l'URL avec l'un des codes pays US, GB, FR, DE, IT, JP, CNL'exemple suivant définit l'URL pour accéder à une application s'exécutant sur le port 8080 et avec l'Allemagne (DE) comme pays sélectionné :

http://localhost:8080?country=DE

En accédant à l'URL, vous trouverez un panneau contenant tous les SDK Yuno disponibles, comme illustré. Sélectionnez le SDK souhaité pour voir son apparence et son fonctionnement.

Restez informé

Visitez le journal des modifications pour les dernières mises à jour du SDK et l'historique des versions.