JSON a Dart
Convertir JSON a clases Dart online. Generar clases json_serializable para Flutter y Dart. Gratis, se ejecuta en tu navegador—sin envío de datos.
Entrada JSON
Salida Dart
¿Qué es JSON a Dart?
Dart usa clases para datos estructurados. Al consumir JSON en apps Flutter o Dart, necesitas clases coincidentes con los nombres y tipos correctos.
Esta herramienta genera clases Dart desde tu JSON. Activa JsonSerializable para métodos fromJson/toJson. Activa Nullable Types para campos opcionales.
La conversión se ejecuta completamente en tu navegador. Tu JSON nunca se envía a un servidor.
Cuándo ayuda JSON a Dart
Al desarrollar apps Flutter o Dart que consuman APIs REST, necesitas clases tipadas.
Cómo usar esta herramienta
Pegar o subir JSON
Copia tu JSON y pégalo en el editor izquierdo. Usa el botón Ejemplo para datos de ejemplo. Configura el nombre de clase y opciones en el panel de configuración.
Revisar las clases generadas
El panel derecho muestra las clases Dart generadas. Si tu JSON tiene sintaxis inválida, corrígelo primero con el Formateador JSON o el Validador JSON.
Copiar o descargar
Usa Copiar o Descargar para obtener el código. Pégalo en tu proyecto Flutter o Dart.
Ejemplos de JSON a Dart
Aquí un ejemplo de generación de clases Dart desde un objeto JSON.
Ejemplo: Registro de suscriptor
Entrada JSON:
Salida Dart generada:
Cuándo ayuda JSON a Dart
La mayoría de desarrolladores necesitan esto al integrar con APIs REST.
Para fusionar dos archivos JSON primero, existe la herramienta Combinar JSON.
Las exportaciones de bases de datos, archivos de configuración o respuestas de API suelen ser JSON.
Preguntas frecuentes
¿JsonSerializable o fromJson manual?
JsonSerializable genera fromJson y toJson en tiempo de compilación. Requiere json_serializable y build_runner en tu proyecto.
¿Qué pasa con la null safety?
Activa Nullable Types para campos JSON opcionales. Esto añade ? a tipos que pueden ser null.
¿Se envían mis datos a algún sitio?
No. La generación se ejecuta completamente en tu navegador.
¿Puedo usar esto con Flutter?
Sí. Las clases generadas funcionan con el paquete http de Flutter y dart:convert.
¿Y si mis claves JSON usan snake_case?
Usa @JsonKey(name: 'json_key') en el campo para nombres de clave JSON personalizados.
Herramientas relacionadas
Para JSON en Dart, ver dart:convert. Para JSON, ver la especificación JSON.