Correr aplicación Flutter en más de un dispositivo a la vez [Android Studio , VS Code]

Dadas las circunstancias vamos a necesitar conectar varios dispositivos a nuestro proyecto de flores aquí en configuración

flutter run all devices windows macos linux

Correr aplicación Android y iOS en varios dispositivos a la vez

Cuando necesites probar una aplicación en más de un dispositivo, con Android Studio tenemos un botón, no hace falta configurarlo, tan solo hacemos click y se ejecutará en todos los dispositivos conectados.

todo esto es compatible tanto en Windows en macOS y en Linux.

Y como bien sabemos existe Android Studio y visual estudio Code para estas plataformas por lo cual los pasos serán prácticamente los mismos.

Te puede interesar:

Android Studio

En Android Studio podemos encontrar una lista de dispositivos en los cuales podemos correr nuestra aplicación.

Aquí el único paso consiste en seleccionar un dispositivo y darle clic en el botón de debug o run. Luego podemos repetir este mismo paso con los demás dispositivos que tengamos disponibles incluyendo dispositivos de escritorio o web.

Lista de dispositivos en Android Studio

Aquí podemos ver la cantidad de dispositivos en la que Android estudio corrido la aplicación y en las que se ha mantenido la sesión activa.

Y como podremos notar nos va a abrir diferentes pestañas en la terminal en donde realmente se estará ejecutando comandos de actualización y Android Studio se encargará de enviar un comando por cada nueva actualización que tengamos disponible para que se muestre en esos dispositivos.

En MacOS

Para macOS está disponible también esta opción en los dispositivos que son del simulador de dispositivos Apple.

en macOS y en Linux no existe ningún paso adicional al que se realizó anteriormente que consiste en seleccionar el dispositivo y darle al botón run o debug

Lista de dispositivos en Android Studio desde MacOS

Visual Studio Code

Nota: Realmente esto es un tratamiento manual completamente.

Éste proceso es el mismo en todos los sistemas operativos incluyendo Windows macOS y Linux

En Visual Studio Code vamos a ir a la pestaña de lado izquierdo que se llama Run and Debug.

Elegimos «Run and Debug»

Como es de esperarse no existe una manera en la que nos muestra un archivo debido a que este es un proyecto nuevo y probablemente tampoco tengas un archivo pre configurado así que vamos a proceder a crear un archivo de configuración de Visual Studio Code en el que vamos agregar las tareas y los dispositivos que van a necesitar correr.

creamos un nuevo archivo launch.json
Elegimos el SDK y/o lenguaje que usaremos

por defecto nos va a generar el siguiente código del archivo launch.json

launch.json por defecto, creado en VSC

por lo cual vamos a necesitar pegar este siguiente código dentro del archivo launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Flutter-All",
      "preLaunchTask": "Flutter-Launch-All",
      "type": "dart"
    },
    {
      "name": "Flutter-iOS",
      "preLaunchTask": "Flutter-Launch-iOS",
      "type": "dart"
    },
    {
      "name": "Flutter-Android",
      "preLaunchTask": "Flutter-Launch-Android",
      "type": "dart"
    },
    {
      "name": "Flutter-Web",
      "preLaunchTask": "Flutter-Launch-Web",
      "type": "dart"
    }
  ]
}

Crear las tareas

Dentro de la carpeta de Visual Studio Code vamos agregar un archivo llamado task.json en la carpeta .vscode/ la cual contiene las configuraciones del editor Visual Studio Code.

crear un archivo «tasks.json» en .vscode/

Y dentro de este archivo vamos a agregar las siguientes líneas y luego vamos a personalizar este código.

{
    "version": "2.0.0",
    "tasks": [
      {
        "label": "Flutter-Launch-All",
        "dependsOn": [
          "Flutter-Launch-iOS",
          "Flutter-Launch-Android",
          "Flutter-Launch-Web"
        ]
      },
      {
        "label": "Flutter-Launch-iOS",
        "type": "shell",
        "command": "flutter run -d 'iPhone 11' "
      },
      {
        "label": "Flutter-Launch-Android",
        "type": "shell",
        "command": "flutter run -d 'AOSP on IA Emulator' "
      },
      {
        "label": "Flutter-Launch-Web",
        "type": "shell",
        "command": "flutter run -d 'Chrome' "
      }
    ]
  }

Finalmente necesitarás actualizar las etiquetas con el nombre que quieras mostrar en la lista y como podrás darte cuenta hay una llave llamada, y dentro está un comando que se ejecutará en la Terminal entre comillas simples se ve el nombre del dispositivo mismo que vas a encontrar en la lista de Android Studio y aquí puedes copiar y pegar.

Lista de dispositivos para correr las aplicaciones de flutter

Hot Reload y Hot Restart (All Devices)

Android Studio

En Android Studio contaremos con un menú que nos permitirá realizar una actualización mediante un clic y esto se lanzará a todos los dispositivos en los que se está ejecutando la aplicación.

Para mi comodidad he cambiado los accesos con el teclado a F4 y F5.

Menú Android Studio Flutter Hot Restart All Devices

Visual Studio Code

Tanto la opción de Hot Reload como Hot Restart vamos a tener que realizarlo mediante un comando distinto o en el caso de Visual Studio Code vamos a tener que presionar la tecla «r» en minúscula para hot reload y «R» mayúscula para hot restart, en lcada pestaña de la terminal integrada.

Conclusión

En ambos casos lo que sucede es una ejecución de comandos en diferentes ventanas que se mantendrán en espera de cambios en el código cuando le demos a guardar y cuando ejecutamos una combinación de teclas para que se actualice en todos los dispositivos.

Aunque no hay un límite establecido para los dispositivos que se pueden conectar al mismo tiempo todo esto dependerá del procesador y de la memoria RAM de tu computadora.

Android Studio gestiona de la misma manera la ejecución de la aplicación en distintos dispositivos sin embargo lo realiza de una forma automática mientras que en Visual Studio Code es un proceso manual.

Fuente

Esta publicación está basada en una respuesta a una pregunta en esta stackoverflow la cual he podido comprobar y usar en mi entorno de trabajo.

https://stackoverflow.com/questions/54527732/run-flutter-app-on-multiple-connected-devices-emulators-simultaneously

Por unFuturista

Vemos el futuro, no para cambiarlo sino para cumplirlo.

Dejar un comentario

Tu dirección de correo electrónico no será publicada.