Membuat kerangka app berita

Pengembangan Perangkat Lunak dengan Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Membuat kerangka app berita

  • Buat kerangka app berita React dan Node di Windsurf dan atur kunci News API dengan aman
  • Template siap pakai untuk mengambil berita terkini

membuat_kerangka_app_berita1.png

Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf

Langkah akhir: Mengambil update via API

$$

  • Perlu terhubung ke News API secara aman

$$

  • Simpan kunci API dengan variabel lingkungan

$$

  • Dua metode di Windsurf

panggilan_api_berita_04.png

Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf

Tips keamanan

  • Kunci API tetap tersembunyi di Windsurf

  • Frontend mengaksesnya aman via variabel lingkungan

  • Ingat tambahkan file .env ke .gitignore saat push ke GitHub

    • Mencegah info sensitif terunggah

Tips keamanan

Pengembangan Perangkat Lunak dengan Windsurf
Pengembangan Perangkat Lunak dengan Windsurf

Ayo berlatih!

Pengembangan Perangkat Lunak dengan Windsurf

Preparing Video For Download...