Learn Using http Package Correctly | REST Fundamentals in Flutter

The http package is the primary tool for making network requests in Flutter apps. It provides simple methods to send HTTP requests such as GET, POST, PUT, and DELETE. By using this package, you can connect your Flutter application to REST APIs, fetch data from the internet, and submit information to remote servers. Understanding how to use the http package correctly is essential for robust and secure network communication in your apps.

main.dart


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

void main() async {
  // Example: Sending a GET request
  final getResponse = await http.get(
    Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
  );
  print('GET response status: ${getResponse.statusCode}');
  print('GET response body: ${getResponse.body}');

  // Example: Sending a POST request with headers and JSON body
  final postResponse = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/posts'),
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'title': 'Flutter',
      'body': 'REST API Integration',
      'userId': 1,
    }),
  );
  print('POST response status: ${postResponse.statusCode}');
  print('POST response body: ${postResponse.body}');
}

In the code above, the GET request simply calls the endpoint and prints the response. The POST request demonstrates how to set custom headers and send data in the request body. Headers are passed as a map, and the Content-Type header is set to "application/json" to indicate the format of the data being sent. The data itself is encoded to JSON using jsonEncode before being placed in the body of the request.

Note

Setting the correct Content-Type header, such as "application/json", is crucial when sending JSON data. Without this header, the server may not interpret your data correctly, leading to errors or unexpected behavior.

Everything was clear?

Thanks for your feedback!

Section 1. Chapter 2

Ask AI

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

Swipe to show menu

main.dart


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

void main() async {
  // Example: Sending a GET request
  final getResponse = await http.get(
    Uri.parse('https://jsonplaceholder.typicode.com/posts/1'),
  );
  print('GET response status: ${getResponse.statusCode}');
  print('GET response body: ${getResponse.body}');

  // Example: Sending a POST request with headers and JSON body
  final postResponse = await http.post(
    Uri.parse('https://jsonplaceholder.typicode.com/posts'),
    headers: {'Content-Type': 'application/json'},
    body: jsonEncode({
      'title': 'Flutter',
      'body': 'REST API Integration',
      'userId': 1,
    }),
  );
  print('POST response status: ${postResponse.statusCode}');
  print('POST response body: ${postResponse.body}');
}

Note

Everything was clear?

Thanks for your feedback!

Section 1. Chapter 2