Démarrage rapide - Intégration Wast-o
Bienvenue dans la documentation développeur de Wast-o ! Cette section vous guide pour intégrer les fonctionnalités Wast-o dans votre application.
Options d'intégration
Wast-o propose plusieurs méthodes d'intégration selon vos besoins :
- Intégration par iframe : Solution rapide et simple, idéale pour une intégration minimale
- Composants React : Pour les applications React, intégration native avec composants réutilisables
- Composants Vue : Pour les applications Vue.js, composants dédiés
- Composants Svelte : Pour les applications Svelte, composants optimisés
Prérequis
Avant de commencer, assurez-vous d'avoir :
- Un accès à l'API Wast-o (
https://api.wast-o.org) - L'ID d'une ville active (obtenu via l'API
/public/cities) - Une application web ou mobile prête à intégrer
Vue d'ensemble
Les fonctionnalités disponibles pour l'intégration incluent :
- Calendrier de collecte : Affichage des jours de collecte par type de déchet
- Challenges : Défis et quiz pour encourager le tri
- Points de recyclage : Carte des points de collecte
- Articles de blog : Contenu éditorial sur le tri des déchets
Choisir la bonne méthode
Intégration par iframe
Avantages :
- Mise en place rapide
- Pas de dépendances supplémentaires
- Maintenance minimale (mises à jour automatiques)
Inconvénients :
- Moins de personnalisation
- Contraintes de sécurité (CSP)
- Moins d'intégration avec votre application
Idéal pour : Intégrations rapides, prototypes, sites web simples
Composants natifs (React/Vue/Svelte)
Avantages :
- Personnalisation complète
- Intégration native avec votre application
- Meilleure performance
- Contrôle total du styling
Inconvénients :
- Nécessite l'installation de packages
- Maintenance des dépendances
- Plus de code à maintenir
Idéal pour : Applications complexes, personnalisation avancée, intégration native
Prochaines étapes
Selon votre choix, consultez :
- Intégration par iframe - Guide complet pour l'intégration iframe
- Composants React - Documentation des composants React
- Composants Vue - Documentation des composants Vue
- Composants Svelte - Documentation des composants Svelte
Support
Pour toute question ou problème, consultez la documentation API ou contactez le support technique.