Програма Flutter Simple Recipe з використанням Spoonacular API

Кодекс Сулуху

19 грудня 2019 · 9 хв читання

Далі наведено простий підручник для створення програми Flutter за допомогою спонтанного API. Це для того, щоб навчитися використовувати API-інтерфейси у стихійному стилі. spoonacular - це сайт, багатий на рецепти, і має API із чудовою документацією.

Цей підручник використовує безкоштовний план, і він має обмежені запити. Ви можете переглянути процес створення на YouTube або слідувати нижче.

Створіть нову програму Flutter на коді Visual Studio, Android Studio або редакторі на ваш вибір.

Перейдіть на pubspec.yaml, і додайте такі залежності:

http: ^ 0,12. 0 +2 - http Дозволяє нам надсилати запити до API для отримання даних

тріпотіння веб-перегляду: ^ 0.3.18 + 1 - webview дозволяє переглядати веб-сторінки в нашому додатку.

Не забудьте запустити пакунки, встановлені у вашому додатку.

Зайдіть на сайт sponacular's api, https://spoonacular.com/food-api. Створіть обліковий запис і перейдіть на консоль. Перейдіть до профілю в бічному меню та скопіюйте свій ключ API. Тримайте десь, ми його використаємо.

На лібі папку, створіть папку/пакет з назвою model. Потім створіть файл із назвою meal_model.dart і додайте наступний код:

Досі в папці моделі створіть ще один файл із назвою meal_plan_model.dart та імпортуйте food_model.dart.

Нарешті, на моделі папку, створіть файл із назвою recipe_model.dart та додайте наступне:

На l lib папку, створіть папку/пакет із назвою послуги, і створіть файл із назвою services.dart.

Перейдіть до main.dart файл і відредагуйте його, щоб мати таке:

Створіть папку, яка називається екрани і в ньому створіть search_screen.dart. Додайте наступне

На екранах папку, створіть файл із назвою meal_screen.dart

Нарешті, на екранах папку, створіть файл з назвою recipe_screen.dart. Це матиме веб-перегляд.

Це воно! Запустіть програму. Далі наведено знімки екрана