http 获取 API 密钥答案

【问题标题】：http get with API keyhttp 获取 API 密钥
【发布时间】：2021-08-29 03:06:08
【问题描述】：

我正在尝试从 Api 获取数据，但是这个 api 有一个 api 密钥。我有钥匙，但是当我尝试复制响应正文时出现此错误：

E/flutter ( 6014): [ERROR:flutter/lib/ui/ui_dart_state.cc(186)] Unhandled Exception: FormatException: Unexpected character (at character 1)
E/flutter ( 6014): <!DOCTYPE html>
E/flutter ( 6014): ^
E/flutter ( 6014):

我是否正确使用了密钥，如果没有如何使用它？？

  Future<void> fetchAndSetProducts() async {
var url =
    'https://www.safalb.com/woocommerce/wp-json/wc/v3/products?Consumer ';
final respones = await http.get(
  Uri.parse(url),
  headers: {
    HttpHeaders.authorizationHeader:
        'api key'
  },
);
final body = json.decode(respones.body);
print(body);

}

【问题讨论】：

这个消息意味着文本的主体不是json，你可以在第一行看到它已经表明是html，做下面的测试，用utf8解码并打印输出，它可能是 json 以外的另一种正文格式。例如 print(utf8.decode(respones.bodyBytes));
您是否尝试过使用 POSTMAN 运行它来检查预期的响应？

标签： api flutter http dart get

【解决方案1】：

发生这种情况是因为您在解码响应正文之前没有检查响应的状态代码。在这种情况下，您在 html 中遇到错误并尝试从 jsonDecoder 解码它。

 Future<void> fetchAndSetProducts() async {
var url =
    'https://www.safalb.com/woocommerce/wp-json/wc/v3/products?Consumer ';
final response = await http.get(
  Uri.parse(url),
  headers: {
    HttpHeaders.authorizationHeader:
        'api key'
  },
);
if(response.statusCode == 200) {
final body = json.decode(response.body);
print(body); }
else {
   print(response.body)

}
}

如果您想测试您的 http 响应，请尝试将 RestClient 插件用于 vs 代码。 here。否则你可以使用 PostMan 来测试你的 http 请求 here

【讨论】：