Saltar al contenido

Combinando el frontend de Flutter con el backend de .NET Core para Android e iOS

Solución:

.NET / core es para API, flutter es para aplicaciones nativas. No tienen ninguna relación.

Un lado no tendrá impacto sobre el otro. Entonces sí, puedes usar ambos.

Me encanta usar Flutter con mi back-end .Net Web Api. El soporte de API web en Flutter es excelente, ya que han incorporado soporte de serialización JSON. la combinación es hermosa y estoy enganchado a este poderoso marco

ServiceStack v5.1 ha agregado soporte nativo para Dart y Flutter donde puede generar una API escrita de un extremo a otro desde una URL remota, por ejemplo:

$ npm install -g @servicestack/cli

$ dart-ref https://www.techstacks.io

Esto es compatible con .NET Core 2.0, así como con cualquiera de las opciones de alojamiento más populares de .NET. El ejemplo anterior genera una API con tipo para el proyecto .NET Core 2.0 TechStacks.

La aplicación HelloFlutter muestra un ejemplo de cómo llamar a un back-end de .NET Core 2.0 y una aplicación ASP.NET clásica mediante una API con tipo:

Hola aplicación Flutter

Para llamar a cualquier servicio, solo necesita importar el paquete de la pila de servicios Dart y los DTO generados, por ejemplo:

import 'package:servicestack/client.dart';
import 'techstacks.dtos.dart';

Luego crea una instancia de JsonServiceClient configurado con su URL remota, por ejemplo:

var client = new JsonServiceClient("https://www.techstacks.io");

Que luego puede llamar dentro de su widget Flutter como cualquier API asíncrona:

class HelloFlutter extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => new HelloFlutterState();
}

class HelloFlutterState extends State<HelloFlutter> {
  //State for this widget
  String result = "";

  @override
  Widget build(BuildContext context) {

      //...
      new RaisedButton(
        child: new Text("Async"),
        onPressed: () async {
          var r = await client .get(new Hello(name: "Async"));
          setState(() {
            result = r.result;
          });
        },
      ),

      //...
      new Text(result),
  }
}

Para obtener más información, consulte los documentos para el soporte nativo de Dart de ServiceStack.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *