For AI agents: the complete documentation index is available at https://docs.ovhcloud.com/fr/llms.txt, the full documentation bundle is available at https://docs.ovhcloud.com/fr/llms-full.txt, and this page is available as Markdown at https://docs.ovhcloud.com/fr/guides/public-cloud/data-platform/tutorials-app-development-build.md.

Créer votre application avec un dépôt externe

Voir en Markdown

Ici, vous apprendrez à configurer une application React et à l'exécuter localement

Objectif

Ici, vous apprendrez à configurer une application React et à l'exécuter localement.

À la fin de ce guide, vous serez capable d'éditer une application Data Platform en l'exécutant localement, en la connectant à l'écosystème de la Platform et en la déployant avec un dépôt git.

Prérequis

Il y a quelques éléments dont vous avez besoin avant de commencer :

Info

Le point de communication entre votre Data Platform Project et votre application est l'API Data Platform que vous avez exposée dans Application Services. C'est pourquoi il est nécessaire de terminer le guide de démarrage jusqu'à la partie où vous exposez vos données et vos requêtes sur l'API.

Configurer une application et la connecter à Data Platform

Créer une application à partir d'un modèle existant

Clonez ce dépôt et ouvrez-le :

git clone https://github.com/forepaas/getting-started.git
cd getting-started/

Basculez sur la branche release/basic

git checkout release/basic

Avant d'installer les modules Node, vous devez vous assurer que nos dépendances liées aux cartes sont configurées pour l'environnement actuel. Ouvrez votre fichier package.json et ajoutez les lignes suivantes à votre section dependencies, ou mettez-les à jour si elles existent déjà :

	"dependencies": {
	    // ... autres dépendances existantes
	    "leaflet": "^1.6.0",
	    "react-leaflet": "^2.7.0",
	    "react-leaflet-markercluster": "^2.0.0"
	  },

Installez les modules node :

yarn
Warning

Si vous obtenez une erreur concernant les certificats lors de l'installation de yarn, vous devez contacter votre service informatique pour résoudre le problème.

Installez npx (ignorez cette étape si vous l'avez déjà installé globalement) :

yarn global add npx

Installez les modules de la Platform

npm run fppm i
Warning

Si vous rencontrez des problèmes lors de l'installation des modules, cela peut être dû à vos configurations NodeJS. Désinstallez et réinstallez NodeJS pour résoudre le problème.

Warning

Si le problème persiste, cela pourrait être dû à un problème de compatibilité de version de NodeJS. Installez NodeJS v16.20.2 pour résoudre le problème.

Lancez votre application :

yarn start
Info

Ouvrez http://localhost:3333 pour vérifier votre application. Si vous ne voyez aucune erreur mais un écran blanc, vous devez encore ajuster la configuration de l'application avant que les panneaux apparaissent. L'écran blanc signifie que votre application est bien démarrée et fonctionnelle.

Connecter un dépôt git à la platform (optionnel)

Pour lier un dépôt git à la platform, veuillez suivre ce guide

Info

Maintenant que vous avez appris à créer et lancer votre application, il est temps d'en comprendre l'architecture.

Comprendre l'architecture de l'application et les fichiers de configuration

Aller plus loin

Si vous avez besoin d'une formation ou d'une assistance technique pour la mise en oeuvre de nos solutions, contactez votre commercial ou cliquez sur ce lien pour obtenir un devis et demander une analyse personnalisée de votre projet à nos experts de l’équipe Professional Services.

Posez vos questions, faites-nous part de vos commentaires et interagissez directement avec l’équipe qui développe la Data Platform sur le canal Discord dédié.

Si vous avez besoin d'une assistance concernant vos services OVHcloud, créez une demande depuis notre centre d'aide.

Rejoignez notre communauté d'utilisateurs.

Cette page vous a-t-elle aidé ?