Consumir una API REST en Flutter

Author
By Darío Rivera
Posted on 2021-03-12 in 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):     {
...

Si te ha gustado este artículo puedes invitarme a tomar una taza de café


Acerca de Darío Rivera

Author

Ingeniero de desarrollo en PlacetoPay , Medellín. Darío ha trabajado por más de 6 años en lenguajes de programación web especialmente en PHP. Creador del microframework DronePHP basado en Zend y Laravel.

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