Leer o parsear Json con Flutter

Cómo leer Json generado en PHP en una app con el SDK Flutter

VIDEO Cómo leer Json generado en PHP en una app con el SDK Flutter

Leer o parsear Json con Flutter

Cómo leer Json generado en PHP en una app con el SDK Flutter

DESCARGAR

Para parsear JSON desde un servidor web usaremos el componente o dependencia http para conectarnos y extraer datos en formato JSON con el SDK Flutter

Json es un medio o formato para transportar datos de manera universal entre aplicaciones, ya sea una app con un servidor y viceversa, pues Flutter lo hace muy sencillo, si tan sencillo que no necesitamos librerías adicionales o mejor dicho librerias de terceros o externos.

En ésta 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 Además 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.

 


¿Quieres descargar el código fuente Leer o parsear Json con Flutter?
...por favor suscríbete gratuitamente para descargarlo

DESCARGAR

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

Whatsapp Messenger Facebook Twitter
ó copia el link

Visitado 2758 veces | Publicado hace 1 año

Más códigos de programación en FLUTTER.

Ver scripts de FLUTTER

© Todos los derechos reservados CODEA APLICACIONES | Comunidad de programación web y desarrollo de aplicaciones móviles | 2020