Flutter配置Android和iOS允许HTTP访问：一步步指南

在开发Flutter应用时，尤其是与后端进行通信时，可能会遇到HTTP请求被拒绝的问题。本文将详细介绍如何在Android和iOS平台上配置Flutter应用以允许HTTP访问。

一、为什么需要HTTP访问？

在某些情况下，我们的后端服务可能仍在使用HTTP而非HTTPS。这时，如果不进行配置，Flutter应用将无法正常访问这些服务。确保在开发和调试阶段能够顺利调用接口至关重要。

二、Android配置步骤

1. 修改AndroidManifest.xml

首先，我们需要在Android项目的AndroidManifest.xml文件中添加网络安全配置。打开android/app/src/main/AndroidManifest.xml，在<application>标签内添加以下代码：

<application
    android:usesCleartextTraffic="true"
    ...>
    ...
</application>

2. 允许HTTP请求

通过上述配置，Android将允许HTTP请求。如果你的应用需要与多个服务进行通信，请确保它们都使用HTTP。

三、iOS配置步骤

1. 修改Info.plist

在iOS中，HTTP请求的配置稍有不同。我们需要在ios/Runner/Info.plist中进行如下修改：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSAllowsArbitraryLoads</key>
    <true/>
</dict>

2. 适用于特定域名的配置

如果只想允许特定域名的HTTP访问，可以使用如下配置：

<key>NSAppTransportSecurity</key>
<dict>
    <key>NSExceptionDomains</key>
    <dict>
        <key>example.com</key>
        <dict>
            <key>NSExceptionAllowsInsecureHTTPLoads</key>
            <true/>
        </dict>
    </dict>
</dict>

四、代码示例

完成上述配置后，您可以使用以下代码进行HTTP请求：

import 'package:http/http.dart' as http;

void fetchData() async {
  final response = await http.get(Uri.parse('http://example.com/data'));
  if (response.statusCode == 200) {
    print('Response data: ${response.body}');
  } else {
    throw Exception('Failed to load data');
  }
}

五、总结

通过以上配置，我们可以在Flutter应用中顺利进行HTTP访问。这对于开发阶段的调试和测试尤为重要。切勿在生产环境中使用HTTP，建议尽快切换到HTTPS以保障数据的安全性。

希望这篇文章对您有所帮助，祝您的Flutter开发之旅顺利！