Haber uygulamasının iskeleti

Windsurf ile Yazılım Geliştirme

Francesca Donadoni

AI Curriculum Manager, DataCamp

Haber uygulamasının iskeleti

  • Windsurf'te React ve Node ile bir haber uygulaması iskeleti kurun ve News API anahtarını güvenle ayarlayın
  • Canlı haberleri çekebilen tam çalışan bir şablon

haber_uygulaması_iskeleti1.png

Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme

Son adım: API ile güncelleme çekme

$$

  • Bir Haber API'sine güvenle bağlanmak gerekir

$$

  • API anahtarını ortam değişkenlerinde saklama

$$

  • Windsurf'te iki yöntem

api_call_news_04.png

Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme

Güvenlik ipuçları

  • API anahtarları Windsurf içinde gizli kalır

  • Ön uç bunlara ortam değişkenleriyle güvenli erişir

  • Kodu GitHub'a gönderirken .env dosyasını .gitignore'a eklemeyi unutmayın

    • Bu, hassas bilgilerin yüklenmesini önler

Güvenlik ipuçları

Windsurf ile Yazılım Geliştirme
Windsurf ile Yazılım Geliştirme

Hadi pratik yapalım!

Windsurf ile Yazılım Geliştirme

Preparing Video For Download...