Mise en place de l’application d’actualités

Développement logiciel avec Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Mise en place de l’application d’actualités

  • Générer une app d’actualités React et Node dans Windsurf et configurer la clé News API en toute sécurité
  • Modèle fonctionnel capable de récupérer des actualités en direct

Mise en place de l’app d’actualités

Développement logiciel avec Windsurf
Développement logiciel avec Windsurf
Développement logiciel avec Windsurf
Développement logiciel avec Windsurf

Dernière étape : récupérer les mises à jour via l’API

$$

  • Se connecter à une News API en toute sécurité

$$

  • Stocker la clé API via des variables d’environnement

$$

  • Deux méthodes dans Windsurf

Appel d’API pour les actualités

Développement logiciel avec Windsurf
Développement logiciel avec Windsurf
Développement logiciel avec Windsurf

Conseils de sécurité

  • Les clés API restent cachées dans Windsurf

  • Le frontend y accède via des variables d’environnement

  • Pensez à ajouter le fichier .env à .gitignore lors du push sur GitHub

    • Évite de téléverser des informations sensibles

Conseils de sécurité

Développement logiciel avec Windsurf
Développement logiciel avec Windsurf

Passons à la pratique !

Développement logiciel avec Windsurf

Preparing Video For Download...