Leer Json con Flutter

Leer Json generado con PHP en una App Flutter

VIDEO Leer Json generado con PHP en una App Flutter

Usaremos el componente o dependencia http para conectarnos y extraer datos en formato JSON con el SDK Flutter


Leer Json con Flutter

Leer Json generado con PHP en una App Flutter

Json es un medio o formato para transportar datos de manera universal, flutter lo hace muy sencillo

 

En esta primera parte solo realizaremos la configuración y mostraremos parte del código que emplearemos para este tutorial.

Veamos el CODIGO FUENTE :

import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;


Future<Persona> fetchPost() async{
  final response = await http.get("http://102.168.93.96/codigos/json/");
  if(response.statusCode == 200){
    return Persona.fromJson(json.decode(response.body));
  }else{
    throw Exception('Fallo');
  }
}
class Persona{
  final int id;
  final String nombre;
  final int edad;

  Persona({this.id, this.nombre, this.edad});
  factory Persona.fromJson(Map<String, dynamic> json){
    return Persona(
    id:json['id'],
    nombre:json['nombre'],
    edad:json['edad'],
    );
}

}

Debemos integrar la depencia http en nuestro archivo pubspec.yaml agregando la siguient linea : http: ^0.12.0+1; la cual debe verse asi:


dependencies:
  flutter:
    sdk: flutter
  http: ^0.12.0+1

Luego presionar en Package get para que se cargue esta librería en nuestra aplicación. Ademas de ello debemos darle run para poder integrar correctamente el import cuando estemos en nuestrso archivo main.dart.

 

Con vemos tenemos gestionamos la conexión a la url  con el componente Future

y Ademas declaramos la clase que gestionará los datos que se van a recibir de archivo JSON.

En la segunda parte veremos como mostrar los datos JSON en pantalla.

 

Compártelo...talvez alguién lo necesite!

Whatsapp Messenger Facebook Twitter
ó copia el link

¿Quieres el código fuente del proyecto
Leer Json con Flutter?

...por favor suscríbete gratuitamente para descargarlo

SUSCRÍBIRME

Visitado 1463 veces | Publicado hace 7 meses

© Todos los derechos reservados | codea.app | Comunidad de programación web y desarrollo de aplicaciones móviles | Perú 2019