Utilizando o Dio para comunicação com APIs

Utilizando o Dio para comunicação com APIs | Alura Cursos Online

import 'package:dio/dio.dart';
final Dio _dio = Dio();
Future<void> getAllPosts() async {

  Response response = await _dio.get('https://jsonplaceholder.typicode.com/posts');
  print(response.data.toString());


}

Future<void> getAllPosts() async {
    try {
      Response response = await _dio.get('https://jsonplaceholder.typicode.com/posts');
      print(response.data.toString());
    } catch (erro) {
      print(erro.toString());
    }
  }

@override
  void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
    print('*** Request ***');
    print('URI: ${options.uri}');
    print('Method: ${options.method}');
    print('Headers: ${options.headers}');
    print('Data: ${options.data}');
    super.onRequest(options, handler);
  }

@override
  void onResponse(Response response, ResponseInterceptorHandler handler) {
    print('*** Response ***');
    print('Status Code: ${response.statusCode}');
    print('Data: ${response.data}');
    super.onResponse(response, handler);
  }

@override
  void onError(DioError err, ErrorInterceptorHandler handler) {
    print('*** Error ***');
    print('Message: ${err.message}');
    print('Response: ${err.response}');
    super.onError(err, handler);
  }

CancelToken cancelToken = CancelToken();
dio.get('https://api.example.com/data', cancelToken: cancelToken).catchError((e) {
  if (CancelToken.isCancel(e)) {
    print('Requisição cancelada!');
  } else {
    print('Erro: $e');
  }
});
// Para cancelar a requisição
cancelToken.cancel('Operação cancelada pelo usuário.');

Future<void> fetchPosts() async {
    _loading = true;
    notifyListeners();

try {
  _posts = await _apiService.getAllPosts();
} catch (error) {
  print('Erro ao buscar posts: $error');
} finally {
  _loading = false;
  notifyListeners();
}


}

import 'package:dio/dio.dart';
class AuthInterceptor extends Interceptor {
  final String? authToken;
  AuthInterceptor(this.authToken);
  @override
  void onRequest(RequestOptions options, RequestInterceptorHandler handler) {
    if (authToken != null) {
      options.headers["Authorization"] = "Bearer $authToken";
    }
    super.onRequest(options, handler);
  }
  @override
  void onError(DioError err, ErrorInterceptorHandler handler) {
    // Aqui você pode lidar com erros de autenticação (como token expirado)
    super.onError(err, handler);
  }
}

final Dio _dio = Dio();
String? authToken; // Token JWT para autenticação
ApiService({this.authToken}) {
    _dio.interceptors.add(LoggingInterceptor());
    _dio.interceptors.add(AuthInterceptor(authToken));
    _dio.options.connectTimeout = 5000; // 5 segundos de timeout para conexão
    _dio.options.receiveTimeout = 3000; // 3 segundos de timeout para receber a resposta

import 'package:dio_flutter_api/services/api_service.dart';
class AuthService {
  final ApiService apiService;
  AuthService(this.apiService);
  Future<void> login(String username, String password) async {
    // Faça a requisição de login e obtenha o token
    String token = 'novo_token_obtido_do_servidor';

// Atualize o token no ApiService
apiService.updateAuthToken(token);


}
}

Future<void> enviarImagem() async {
  // Use o ImagePicker para selecionar uma imagem da galeria
  final picker = ImagePicker();
  final pickedFile = await picker.getImage(source: ImageSource.gallery);
  if (pickedFile != null) {
    String fileName = pickedFile.path.split('/').last;
    // Crie um FormData
    FormData formData = FormData.fromMap({
      'file': await MultipartFile.fromFile(
        pickedFile.path,
        filename: fileName,
      ),
    });
    // Crie uma instância do Dio e faça a requisição
    Dio dio = Dio();
    try {
      Response response = await dio.post(
        'https://api.example.com/upload',
        data: formData,
        options: Options(
          headers: {
            'Authorization': 'Bearer your_token_here',
            'Content-Type': 'multipart/form-data',
          },
        ),
      );
      print('Resposta do servidor: ${response.data}');
    } catch (e) {
      print('Erro ao enviar imagem: $e');
    }
  }
}

import 'package:dio/dio.dart';
import 'package:dio_cache_interceptor/dio_cache_interceptor.dart';
void main() {
  // Crie uma instância do Dio
  final dio = Dio();
  // Configure o CacheInterceptor
  final cacheOptions = CacheOptions(
    store: MemCacheStore(), // Armazena o cache na memória
    policy: CachePolicy.request, // A política de cache pode ser ajustada
    maxStale: Duration(days: 7), // Tempo máximo para considerar o cache como válido
    priority: CachePriority.normal,
    keyBuilder: CacheOptions.defaultCacheKeyBuilder, // Como gerar a chave do cache
  );
  dio.interceptors.add(DioCacheInterceptor(options: cacheOptions));
  // Utilize o Dio normalmente em sua aplicação
  fetchData(dio);
}
Future<void> fetchData(Dio dio) async {
  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/posts');
    print('Response data: ${response.data}');
  } catch (e) {
    print('Error fetching data: $e');
  }
}

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

Carreiras

Área de Interesse

Aulas ao Vivo - Skills & Go

Senioridade

Eventos Alura

Renan Lima

Inscreva-se em nossa Newsletter

Explore por tópico

O que é o Dio?

Como configurar o DIO

Como fazer requisições simples

Executando um GET:

Executando um POST:

Tratamento de erros

Interceptadores

Vamos ver na prática:

onRequest:

onResponse:

onError:

Timeout e cancelamento de requisições

Cancelamento de Requisições:

Uso avançado com Providers

Definindo um Provider:

Fornecendo o Provider na Main:

Autenticação e Autorização com JWT

Configurando o Dio com JWT:

Atualização do token:

Requisições Multipart/Form-Data com Dio

Cache de Requisições

Conclusão

Repositório do projeto

Conteúdo bônus

Leia também