Learn REST APIs with Dio

REST APIs are a standard way for applications to communicate over the web, letting you fetch, create, update, or delete data on remote servers. In Flutter, the Dio package is a popular HTTP client that simplifies making network requests. Dio provides a rich set of features, including easy request configuration, response handling, error management, and support for interceptors, making it a great choice for handling RESTful APIs in your Flutter apps.

main.dart


              12345678910111213
            
import 'package:dio/dio.dart';

void main() async {
  final dio = Dio();

  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/posts/1');
    print('Status code: [1m${response.statusCode}[0m');
    print('Response data: ${response.data}');
  } catch (e) {
    print('Request failed: $e');
  }
}

Dio makes sending HTTP requests and handling responses straightforward. When you call dio.get, it returns a Response object containing useful information such as the status code and the response data. In the previous example, you made a GET request to fetch a post and then printed the status code and response body. Dio automatically parses the response and provides helpful properties to access the data you need.

main.dart


              12345678910111213141516171819
            
import 'package:dio/dio.dart';

void main() async {
  final dio = Dio();

  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/posts/invalid');
    print('Status code: [38;5;28m${response.statusCode}[0m');
    print('Response data: ${response.data}');
  } on DioError catch (e) {
    print('DioError caught!');
    if (e.response != null) {
      print('Error status: ${e.response?.statusCode}');
      print('Error data: ${e.response?.data}');
    } else {
      print('Error sending request: ${e.message}');
    }
  }
}

Everything was clear?

Thanks for your feedback!

Section 2. Chapter 1

Ask AI

Ask anything or try one of the suggested questions to begin our chat

Suggested prompts:

Can you show me an example of how to make a POST request with Dio?

How do I handle authentication with Dio in my Flutter app?

What are interceptors in Dio and how can I use them?

Swipe to show menu

main.dart


              12345678910111213
            
import 'package:dio/dio.dart';

void main() async {
  final dio = Dio();

  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/posts/1');
    print('Status code: [1m${response.statusCode}[0m');
    print('Response data: ${response.data}');
  } catch (e) {
    print('Request failed: $e');
  }
}

main.dart


              12345678910111213141516171819
            
import 'package:dio/dio.dart';

void main() async {
  final dio = Dio();

  try {
    final response = await dio.get('https://jsonplaceholder.typicode.com/posts/invalid');
    print('Status code: [38;5;28m${response.statusCode}[0m');
    print('Response data: ${response.data}');
  } on DioError catch (e) {
    print('DioError caught!');
    if (e.response != null) {
      print('Error status: ${e.response?.statusCode}');
      print('Error data: ${e.response?.data}');
    } else {
      print('Error sending request: ${e.message}');
    }
  }
}

Everything was clear?

Thanks for your feedback!

Section 2. Chapter 1