Створення каркаса застосунку новин

Розробка ПЗ з Windsurf

Francesca Donadoni

AI Curriculum Manager, DataCamp

Створення каркаса застосунку новин

  • Згенеруйте каркас React і Node-застосунку новин у Windsurf та безпечно налаштуйте ключ News API
  • Повністю працездатний шаблон для отримання live-оновлень новин

створення каркаса застосунку новин1.png

Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf

Останній крок: Отримання оновлень через API

$$

  • Потрібно безпечно під'єднатися до News API

$$

  • Зберігати ключ API в змінних середовища

$$

  • Два способи у Windsurf

api_call_news_04.png

Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf

Поради з безпеки

  • Ключі API лишаються прихованими в Windsurf

  • Frontend звертається до них безпечно через змінні середовища

  • Не забудьте додати файл .env до .gitignore, коли відправляєте код на GitHub

    • Це не дасть завантажити конфіденційні дані

поради з безпеки.png

Розробка ПЗ з Windsurf
Розробка ПЗ з Windsurf

Давайте потренуємось!

Розробка ПЗ з Windsurf

Preparing Video For Download...