Structurer l'appli d'actualités

Développement logiciel avec Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Structurer l'appli d'actualités

  • Générer une appli d'actualités React et Node dans Windsurf et configurer en toute sécurité la clé News API
  • Modèle fonctionnel pouvant récupérer des nouvelles en direct

Structuration de l'appli 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 de façon sécurisée

$$

  • Stocker la clé d'API avec des variables d'environnement

$$

  • Deux méthodes dans Windsurf

appel_api_news_04.png

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

Conseils de sécurité

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

  • Le frontal y accède de façon sûre via des variables d'environnement

  • N'oubliez pas d'ajouter le fichier .env à .gitignore lors de l'envoi sur GitHub

    • Évite de téléverser des renseignements 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...