Bygg grundstrukturen för nyhetsappen

Mjukvaruutveckling med Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Bygg grundstrukturen för nyhetsappen

  • Bygg grundstrukturen för en React- och Node-nyhetsapp i Windsurf och konfigurera News API-nyckeln säkert
  • En färdig mall som kan hämta live-nyhetsuppdateringar

scaffolding_news_app1.png

Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf

Sista steget: Hämta uppdateringar via API

$$

  • Behöver ansluta till ett News API på ett säkert sätt

$$

  • Lagra API-nyckeln med miljövariabler

$$

  • Två metoder i Windsurf

api_call_news_04.png

Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf

Säkerhetstips

  • API-nycklar förblir dolda i Windsurf

  • Frontenden når dem säkert via miljövariabler

  • Kom ihåg att lägga till .env-filen i .gitignore när du pushar kod till GitHub

    • Det förhindrar att känslig information laddas upp

security_tips.png

Mjukvaruutveckling med Windsurf
Mjukvaruutveckling med Windsurf

Nu kör vi en övning!

Mjukvaruutveckling med Windsurf

Preparing Video For Download...