在 Flutter 中调用后端接口通常使用 http 包来发起 HTTP 请求。以下是一个使用 http 包的基本示例，展示了如何在 Flutter 应用中调用后端接口并处理响应。
首先，确保在 pubspec.yaml 文件中添加 http 包的依赖：
dependencies:http: ^0.13.0
然后，运行 flutter pub get 安装依赖。
接下来，可以创建一个方法来调用后端接口，例如一个 POST 请求以用户登录为例：
import 'dart:convert';
import 'package:http/http.dart' as http;class ApiService {final String baseUrl = "https://your-backend-api.com/api"; // 替换为您的后端 API 基地址// 登录方法示例Future<Map<String, dynamic>?> login(String email, String password) async {final url = Uri.parse("$baseUrl/login"); // 后端接口路径final headers = {"Content-Type": "application/json","Accept": "application/json",};final body = jsonEncode({"email": email,"password": password,});try {final response = await http.post(url, headers: headers, body: body);if (response.statusCode == 200) {// 请求成功，解析响应数据return jsonDecode(response.body);} else {// 请求失败，处理错误print("Error: ${response.statusCode}");return null;}} catch (error) {print("Request failed: $error");return null;}}
}
调用示例
在 Flutter 的 Widget 中调用 login 方法：
import 'package:flutter/material.dart';
import 'path_to_your_service/api_service.dart';class LoginPage extends StatelessWidget {final ApiService apiService = ApiService();void _login() async {final result = await apiService.login("user@example.com", "password123");if (result != null) {// 登录成功，处理响应数据print("Login successful: ${result['token']}");} else {// 登录失败print("Login failed");}}Widget build(BuildContext context) {return Scaffold(appBar: AppBar(title: Text("Login")),body: Center(child: ElevatedButton(onPressed: _login,child: Text("Login"),),),);}
}
注意事项
- 错误处理：添加适当的错误处理逻辑，例如网络超时或无网络连接的情况。
- 异步处理：HTTP 请求是异步操作，使用
async和await进行异步调用并处理结果。 - 安全性：对于敏感信息（如用户密码），请确保后端 API 使用 HTTPS 并遵循安全的认证机制。
