Consumir una API REST en Flutter

Author
Por Darío Rivera
Publicado el en Flutter

Para consumir una API REST en Flutter podemos utilizar el paquete http. Este paquete provee todos los métodos necesarios para establecer una comunicación HTTP con otros servidor. A continuación verás algunos ejemplos de cómo podemos utilizar este paquete para hacer distintos llamados.

Get

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

Response response = await get('https://jsonplaceholder.typicode.com/todos/1');
Map data = jsonDecode(response.body);
print(data);
I/flutter (32115): {userId: 1, id: 1, title: delectus aut autem, completed: false}

Post

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

Response response = await post('https://jsonplaceholder.typicode.com/posts',
    body: {'title': 'Post Title', 'body': 'Lorem ipsum', 'userId': '1'}
);
Map data = jsonDecode(response.body);
print(data);
I/flutter ( 9532): {title: Post Title, body: Lorem ipsum, userId: 1, id: 101}

Query params

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

var url =
Uri.https('www.googleapis.com', '/books/v1/volumes', {'q': 'http', 'callback': 'handle'});
Response response = await get(url);

print(response.body);
I/flutter ( 9532): // API callback
I/flutter ( 9532): handle({
I/flutter ( 9532):   "kind": "books#volumes",
I/flutter ( 9532):   "totalItems": 1012,
I/flutter ( 9532):   "items": [
I/flutter ( 9532):     {
...

Acerca de Darío Rivera

Author

Application Architect at Elentra Corp . Quality developer and passionate learner with 10+ years of experience in web technologies. Creator of EasyHttp , an standard way to consume HTTP Clients.

LinkedIn Twitter Instagram

Sólo aquellos que han alcanzado el éxito saben que siempre estuvo a un paso del momento en que pensaron renunciar.