如何在 Flutter 中使用 Future 和 Uri.Https 构造函数进行 API 调用

Question

尝试使用 Spoonacular API 构建食谱应用程序。尝试用谷歌搜索答案，但似乎 uri.https 格式发生了变化，所有搜索结果都来自去年或更早。我无法找出正确的格式？这是我第一次在 Flutter 中调用 API，但我似乎无法正确处理。

教程如下：https://youtu.be/l3CIMZSAaIk 这是源代码：https://github.com/MarcusNg/flutter_recipe_app

此链接显示如何生成膳食计划： https://spoonacular.com/food-api/docs#Generate-Meal-Plan

这是我尝试以 URL 形式调用它的方式： https://api.spoonacular.com/mealplanner/generate?apiKey=[CHANGE_THIS_TO_APIKEY]&timeFrame=day&1700&vegan

这在浏览器中完美运行，我需要将其转换为颤振代码：

class APIservice {
  APIservice._instantiate();

  static final APIservice instance = APIservice._instantiate();

  final String _baseUrl = 'api.spoonacular.com';
  static const String API_KEY = '[APIKEY HERE]';

  //Generate Meal Plan
  Future<MealPlan> generateMealPlan({int targetCalories, String diet}) async {
    if (diet == 'None') diet = '';
    Map<String, String> parameters = {
      'apiKey': API_KEY,
      'timeFrame': 'day',
      'targetCalories': targetCalories.toString(),
      'diet': diet,
    };
    Uri uri = Uri.https(
      _baseUrl,
      '/mealplanner/generate',
      parameters,
    );
    Map<String, String> headers = {
      HttpHeaders.contentTypeHeader: 'application/json',
    };

    try {
      var response = await http.get(uri, headers: headers);
      Map<String, dynamic> data = json.decode(response.body);
      MealPlan mealPlan = MealPlan.fromMap(data);
      return mealPlan;
    } catch (err) {
      throw err.toString();
    }
  }

当我运行应用程序时，我收到以下错误：

E/flutter (6458): [ERROR:flutter/lib/ui/ui_dart_state.cc(171)] 未处理异常：无效参数 [38;5;248mE/flutter (6458):#0 APIservice.generateMealPlan [39;49m E/颤动​​（6458）：

在将参数拼接成 URL 时似乎遇到了问题。我不确定我是否正确编写了 MAP 参数和 URI 格式。

Answer 1

问题出在Meal 模型上。您拥有的 Meal 模型与 api 返回的模型不同：

我修复了Meal 模型，检查下面的代码：

class Meal {
  int id;
  String imageType;
  String title;
  int readyInMinutes;
  int servings;
  String sourceUrl;

  Meal(
      {this.id,
      this.imageType,
      this.title,
      this.readyInMinutes,
      this.servings,
      this.sourceUrl});

  Meal.fromMap(Map<String, dynamic> json) {
    id = json['id'];
    imageType = json['imageType'];
    title = json['title'];
    readyInMinutes = json['readyInMinutes'];
    servings = json['servings'];
    sourceUrl = json['sourceUrl'];
  }
}

由于某些原因，该 api 似乎并未真正为各个图像提供足够的支持，一些图像链接已损坏。

应用结果如下所示：