Tworzenie szkieletu aplikacji informacyjnej

Programowanie z Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Tworzenie szkieletu aplikacji informacyjnej

  • Utwórz szkielet aplikacji informacyjnej React i Node w Windsurf oraz bezpiecznie skonfiguruj klucz News API
  • Gotowy szablon umożliwiający pobieranie aktualności na żywo

Tworzenie szkieletu aplikacji informacyjnej

Programowanie z Windsurf
Programowanie z Windsurf
Programowanie z Windsurf
Programowanie z Windsurf

Ostatni krok: Pobieranie aktualizacji przez API

$$

  • Wymagane bezpieczne połączenie z News API

$$

  • Przechowywanie klucza API za pomocą zmiennych środowiskowych

$$

  • Dwie metody w Windsurf

Wywołanie API wiadomości

Programowanie z Windsurf
Programowanie z Windsurf
Programowanie z Windsurf

Wskazówki dotyczące bezpieczeństwa

  • Klucze API pozostają ukryte w Windsurf

  • Frontend uzyskuje do nich bezpieczny dostęp przez zmienne środowiskowe

  • Pamiętaj, aby dodać plik .env do .gitignore przed wypchnięciem kodu do GitHub

    • Zapobiega to przesyłaniu poufnych danych

Wskazówki dotyczące bezpieczeństwa

Programowanie z Windsurf
Programowanie z Windsurf

Czas na ćwiczenia!

Programowanie z Windsurf

Preparing Video For Download...