{"id":2410,"date":"2024-09-16T12:52:17","date_gmt":"2024-09-16T12:52:17","guid":{"rendered":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/?p=2410"},"modified":"2024-09-16T13:03:49","modified_gmt":"2024-09-16T13:03:49","slug":"flutter-to-windows-app","status":"publish","type":"post","link":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/","title":{"rendered":"\u00bfComo convertir una app Flutter en una Windows App?"},"content":{"rendered":"<h2><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2439\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter.jpg\" alt=\"\" width=\"1044\" height=\"604\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter.jpg 1044w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-300x174.jpg 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-1024x592.jpg 1024w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-768x444.jpg 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-610x353.jpg 610w\" sizes=\"auto, (max-width: 1044px) 100vw, 1044px\" \/><\/h2>\n<p>\u00a1Hoy es el gran d\u00eda! Sergio y sus compa\u00f1eros han cerrado completamente el backlog y se preparan para <strong>distribuir la aplicaci\u00f3n desarrollada en Flutter<\/strong> en la que llevan meses trabajando.<\/p>\n<p><!--more--><\/p>\n<p>Ha sido un final de sprint bastante complicado, varios bugs por resolver, prisas, incertidumbre&#8230; Pero finalmente han conseguido sacar adelante la aplicaci\u00f3n y <strong>est\u00e1n a punto de entregarla al cliente<\/strong>.<\/p>\n<p>A primera hora de la ma\u00f1ana el equipo <strong>empaquet\u00f3 la aplicaci\u00f3n y se prepar\u00f3 para enviarla<\/strong> pero, un correo sacudi\u00f3 los nervios de todos. <strong>La aplicaci\u00f3n<\/strong> que el cliente ped\u00eda <strong>deber\u00eda poder ejecutarse desde el escritorio de Windows<\/strong> tambi\u00e9n.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2440\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2.jpg\" alt=\"\" width=\"1058\" height=\"605\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2.jpg 1058w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2-300x172.jpg 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2-1024x586.jpg 1024w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2-768x439.jpg 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Flutter-2-610x349.jpg 610w\" sizes=\"auto, (max-width: 1058px) 100vw, 1058px\" \/><\/p>\n<p>El equipo concret\u00f3 una reuni\u00f3n de urgencia y acord\u00f3 investigar como hacerlo de la manera mas r\u00e1pida y eficiente posible. Dicho y hecho se pusieron manos a la obra y encontraron informaci\u00f3n muy valiosa.<\/p>\n<h2>\u00bfQu\u00e9 debemos tener en cuenta?<\/h2>\n<p>Antes de ponerse en faena, el equipo tuvo que cerciorarse sobre que <strong>todo estuviera listo para poder generar el ejecutable<\/strong>. Antes de empezar deb\u00edan tener instalado lo siguiente:<\/p>\n<ul>\n<li><strong>Flutter SDK<\/strong>: Lo descargaron desde la <a href=\"https:\/\/docs.flutter.dev\/get-started\/install\">p\u00e1gina oficial de Flutter<\/a><\/li>\n<li><strong>Visual Studio Code<\/strong>: Adem\u00e1s de tenerlo instalado, necesitaban instalar dos extensiones:\n<ul>\n<li><strong>Flutter<\/strong><\/li>\n<li><strong>Dart<\/strong><\/li>\n<\/ul>\n<\/li>\n<li><strong>Visual Studio<\/strong>: Versi\u00f3n de <strong>2019 o superior<\/strong> con herramientas para desarrollar apps de escritorio, como estos componentes:\n<ul>\n<li><strong>C++ Desktop Development<\/strong><\/li>\n<li><strong>MSVC v143 &#8211; VS 2022 C++ x64\/x86 build tools<\/strong> (latest)<\/li>\n<li><strong>Windows 10 SDK<\/strong> (latest)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2>\u00a1Empezamos a preparar todo!<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2441\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-3.jpg\" alt=\"\" width=\"985\" height=\"597\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-3.jpg 985w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-3-300x182.jpg 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-3-768x465.jpg 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-3-610x370.jpg 610w\" sizes=\"auto, (max-width: 985px) 100vw, 985px\" \/><\/p>\n<p>Una vez comprobaron que todo estaba en orden, el equipo empez\u00f3 a trabajar en preparar el proyecto para poder <strong>crear el ejecutable<\/strong>. Se dieron cuenta de que antes de nada, necesitaban <strong>ejecutar varios comandos<\/strong>:<\/p>\n<ul>\n<li><strong>flutter channel stable<\/strong>: Cambia el canal de actualizaci\u00f3n de Flutter al canal estable, el mas seguro y recomendado para producci\u00f3n.<\/li>\n<li><strong>flutter upgrade<\/strong>: Actualiza Flutter a la \u00faltima versi\u00f3n disponible en el canal en el que est\u00e1s. Descarga las actualizaciones recientes y sus dependencias.<\/li>\n<li><strong>flutter config &#8211;enable-windows-desktop<\/strong>: Habilita el desarrollo de apps de escritorio para windows en el entorno de Flutter. <strong>Necesario para compilar y ejecutar.<\/strong><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2413 size-full\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura.png\" alt=\"\" width=\"658\" height=\"279\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura.png 658w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-300x127.png 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-610x259.png 610w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2414\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-1.png\" alt=\"\" width=\"719\" height=\"67\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-1.png 719w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-1-300x28.png 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-1-610x57.png 610w\" sizes=\"auto, (max-width: 719px) 100vw, 719px\" \/><\/a><\/p>\n<p>Una vez ejecutados los comandos, el equipo ejecut\u00f3 el comando:<\/p>\n<ul>\n<li><strong>flutter doctor<\/strong><\/li>\n<\/ul>\n<p>Este comando <strong>verifica que est\u00e1 todo correctamente instalado<\/strong> y configurado.<\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2415\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-2.png\" alt=\"\" width=\"720\" height=\"199\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-2.png 720w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-2-300x83.png 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-2-610x169.png 610w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><\/p>\n<p>Al contar con la secci\u00f3n <strong>\u00abVisual Studio &#8211; develop Windows\u00a0 apps\u00bb<\/strong>, aseguraron que el <strong>entorno<\/strong> estaba ya <strong>completamente<\/strong> <strong>configurado<\/strong><\/p>\n<h2>Compilamos la aplicaci\u00f3n<\/h2>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2442\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-4.jpg\" alt=\"\" width=\"953\" height=\"598\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-4.jpg 953w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-4-300x188.jpg 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-4-768x482.jpg 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-4-610x383.jpg 610w\" sizes=\"auto, (max-width: 953px) 100vw, 953px\" \/><\/p>\n<p>Con todo el entorno listo para dar el siguiente paso, el equipo se sent\u00eda seguro para <strong>ejecutar el comando de compilaci\u00f3n de la aplicaci\u00f3n<\/strong> para Windows.<\/p>\n<ul>\n<li><strong>flutter build windows<\/strong><\/li>\n<\/ul>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2416\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-3.png\" alt=\"\" width=\"579\" height=\"547\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-3.png 579w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-3-300x283.png 300w\" sizes=\"auto, (max-width: 579px) 100vw, 579px\" \/><\/a><\/p>\n<p><strong>\u00a1La compilaci\u00f3n hab\u00eda sido un \u00e9xito!<\/strong> Entre los v\u00edtores de felicitaci\u00f3n lleg\u00f3 la parte en la que por fin podr\u00edan comprobar que todo hab\u00eda ido bien. Ten\u00edan que<strong> ejecutar la aplicaci\u00f3n generada en la build<\/strong>.<\/p>\n<p>Entraron en la carpeta:<\/p>\n<ul>\n<li><strong>build\\windows\\x64\\runner\\Release<\/strong><\/li>\n<\/ul>\n<p>Y ejecutaron el <strong>comando que lanzar\u00eda la aplicaci\u00f3n generada<\/strong>:<\/p>\n<ul>\n<li><strong>flutter run -d windows<\/strong><\/li>\n<\/ul>\n<p>Una vez mas, <strong>\u00a1Todo fue perfecto!<\/strong> La aplicaci\u00f3n se levant\u00f3 correctamente y pudieron ejecutarla en Windows. Ahora, llegaba la \u00faltima parte. <strong>Distribuir la aplicaci\u00f3n al cliente para que pudiera probarla.<\/strong><\/p>\n<h2>Creaci\u00f3n de fichero de instalaci\u00f3n<\/h2>\n<p>Para realizar esta acci\u00f3n el equipo instal\u00f3 la <strong>aplicaci\u00f3n<\/strong>:<\/p>\n<ul>\n<li><strong><a href=\"https:\/\/jrsoftware.org\/isdl.php\">InnoSetup<\/a><\/strong>: Esta herramienta sirve para<strong> crear instaladores de software en Windows<\/strong>. Empaqueta aplicaciones en un \u00fanico archivo de instalaci\u00f3n que los usuarios pueden ejecutar para instalar el software.<\/li>\n<\/ul>\n<p>Una vez instalado, <strong>se copi\u00f3 el contenido de la carpeta Release antes mencionada a una nueva carpeta.<\/strong> Dentro de dicha carpeta est\u00e1n estos ficheros:<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2418\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-5.png\" alt=\"\" width=\"478\" height=\"176\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-5.png 478w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-5-300x110.png 300w\" sizes=\"auto, (max-width: 478px) 100vw, 478px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Se cre\u00f3 un <strong>script de instalaci\u00f3n dentro de InnoSetup<\/strong>:<\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2417 \" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4.png\" alt=\"\" width=\"707\" height=\"252\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4.png 1595w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4-300x107.png 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4-1024x365.png 1024w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4-768x274.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4-1536x548.png 1536w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-4-610x218.png 610w\" sizes=\"auto, (max-width: 707px) 100vw, 707px\" \/><\/a><\/p>\n<p>En este script podemos observar <strong>varios campos que se han rellenado<\/strong>:<\/p>\n<h3><strong>Setup<\/strong>:<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>AppName<\/strong>: Nombre de la aplicaci\u00f3n que aparecer\u00e1 en el instalador<\/li>\n<li><strong>AppVersion<\/strong>: Versi\u00f3n de la aplicaci\u00f3n<\/li>\n<li><strong>DefaultDirName<\/strong>: Directorio predeterminado donde se instalar\u00e1 la app en el sistema.<\/li>\n<li><strong>DefaultGroupName<\/strong>: Nombre del grupo de programas en el men\u00fa de inicio para la aplicaci\u00f3n.<\/li>\n<li><strong>OutputBaseFilename<\/strong>: Nombre base del archivo de instalaci\u00f3n generado (no incluir extensi\u00f3n)<\/li>\n<li><strong>Compression<\/strong>: Metodo de compresi\u00f3n para reducir el tama\u00f1o del instalador (LZMA es el mas eficiente)<\/li>\n<li><strong>SolidCompression<\/strong>: Activa la compresi\u00f3n s\u00f3lida, mejora la tasa de compresi\u00f3n al agrupar archivos similares<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><strong>Files<\/strong>:<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Source<\/strong> <strong>\u00ab\u00bb;<\/strong> <strong>DestDir<\/strong>: <strong>\u00ab{app}\u00bb; Flags: ignoreversion<\/strong>: Incluye el archivo ejecutable principal en el directorio de la aplicaci\u00f3n. Ignoreversion permite reemplazar versiones anteriores sin verificar la versi\u00f3n del archivo.<\/li>\n<li><strong>Source \u00ab\u00bb; DestDir: \u00bb {app}\u00bb; Flags: ignoreversion recursesubdirs\u00a0 createallsubdirs<\/strong>: Incluye todos los archivos en la carpeta Release.\n<ul>\n<li><strong>recursesubdirs<\/strong>: Asegura que los archivos en subdirectorios tambien se incluyan.<\/li>\n<li><strong>createallsubdirs<\/strong>: Crea todos los subdirectorios necesarios<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><strong>Icons<\/strong>:<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Name: \u00ab{group}\\LibroFirmas\u00bb; Filename:\u00a0 \u00ab{app}\\LibroFirmas.exe\u00bb<\/strong>: Crea un acceso directo en el menu de inicio bajo el grupo especificado, apuntando al archivo ejecutable.<\/li>\n<li><strong>Name: \u00ab{commondesktop}\\LibroFirmas\u00bb; Filename: \u00ab{app}\\LibroFirmas.exe\u00bb<\/strong>: Crea un acceso directo en el escritorio apuntando al archivo ejecutable.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3><strong>Run<\/strong>:<\/h3>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li><strong>Filename<\/strong>:<strong> \u00ab{app}\\LibroFirmas.exe\u00bb; Description: \u00abLanzar LibroFirmas\u00bb; Flags: nowait postinstall skipifsilent<\/strong>: Ejecuta la aplicaci\u00f3n inmediatamente tras la instalaci\u00f3n\n<ul>\n<li><strong>nowait<\/strong>: El instalador no esperar\u00e1 a que la app termine de ejecutarse.<\/li>\n<li><strong>postinstall<\/strong>: Indica que se debe ejecutar despues de que el instalador haya completado su tarea.<\/li>\n<li><strong>skipifsilent<\/strong>: Evita ejecutar la app en modo silencioso (sin interfaz de usuario)<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p>Dentro del script <strong>se ejecut\u00f3 la acci\u00f3n haciendo click en \u00abCompile\u00bb<\/strong>. Esto <strong>crear\u00e1 en el directorio con el instalador donde pegaron la carpeta \u00abRelease\u00bb una nueva carpeta \u00abOutput\u00bb<\/strong>, donde estar\u00e1 al fin el fichero de instalaci\u00f3n.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2419\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6.png\" alt=\"\" width=\"834\" height=\"303\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6.png 834w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6-300x109.png 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6-768x279.png 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/Captura-6-610x222.png 610w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>El equipo ejecut\u00f3 el instalador y la pantalla de instalaci\u00f3n apareci\u00f3. Hab\u00edan terminado la instalaci\u00f3n, <strong>\u00a1y hab\u00edan llegado a tiempo para la entrega<\/strong>!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2443\" src=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-5.jpg\" alt=\"\" width=\"928\" height=\"592\" srcset=\"https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-5.jpg 928w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-5-300x191.jpg 300w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-5-768x490.jpg 768w, https:\/\/encaminablogs.wpenginepowered.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/flutter-5-610x389.jpg 610w\" sizes=\"auto, (max-width: 928px) 100vw, 928px\" \/><\/p>\n<p>Finalmente entregaron al cliente el ejecutable y celebraron el \u00e9xito, ya que <strong>gracias a su trabajo en equipo, todo esto hab\u00eda sido posible<\/strong>.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content --><span class=\"et_bloom_bottom_trigger\"><\/span>","protected":false},"excerpt":{"rendered":"<p>\u00a1Hoy es el gran d\u00eda! Sergio y sus compa\u00f1eros han cerrado completamente el backlog y se preparan para distribuir la aplicaci\u00f3n desarrollada en Flutter en la que llevan meses trabajando.<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":210,"featured_media":2445,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[130,3],"tags":[148,136,146,52,147,145],"class_list":["post-2410","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-flutter","category-movilidad","tag-dart","tag-flutter","tag-microsoft","tag-mobile","tag-window-app","tag-windows"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v18.2.1 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>\u00bfComo convertir una app Flutter en una Windows App? | ENCAMINA<\/title>\n<meta name=\"description\" content=\"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u00bfComo convertir una app Flutter en una Windows App?\" \/>\n<meta property=\"og:description\" content=\"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/\" \/>\n<meta property=\"og:site_name\" content=\"Piensa en software, desarrolla en colores\" \/>\n<meta property=\"article:published_time\" content=\"2024-09-16T12:52:17+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-16T13:03:49+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif\" \/>\n\t<meta property=\"og:image:width\" content=\"1152\" \/>\n\t<meta property=\"og:image:height\" content=\"648\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/gif\" \/>\n<meta name=\"author\" content=\"Sergio Mart\u00edn\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sergio Mart\u00edn\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/\"},\"author\":{\"name\":\"Sergio Mart\u00edn\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/beefc982685a9cecaa7e0a78bd45ba56\"},\"headline\":\"\u00bfComo convertir una app Flutter en una Windows App?\",\"datePublished\":\"2024-09-16T12:52:17+00:00\",\"dateModified\":\"2024-09-16T13:03:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/\"},\"wordCount\":975,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/09\\\/download-1.gif\",\"keywords\":[\"Dart\",\"flutter\",\"Microsoft\",\"Mobile\",\"Window App\",\"windows\"],\"articleSection\":[\"Flutter\",\"Movilidad\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/\",\"name\":\"\u00bfComo convertir una app Flutter en una Windows App? | ENCAMINA\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/09\\\/download-1.gif\",\"datePublished\":\"2024-09-16T12:52:17+00:00\",\"dateModified\":\"2024-09-16T13:03:49+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/beefc982685a9cecaa7e0a78bd45ba56\"},\"description\":\"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.\",\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/flutter-to-windows-app\\\/#primaryimage\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/09\\\/download-1.gif\",\"contentUrl\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/wp-content\\\/uploads\\\/sites\\\/21\\\/2024\\\/09\\\/download-1.gif\",\"width\":1152,\"height\":648},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#website\",\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/\",\"name\":\"Piensa en software, desarrolla en colores\",\"description\":\"Las ventajas que te ofrece Microsoft Azure y el mundo.NET\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/#\\\/schema\\\/person\\\/beefc982685a9cecaa7e0a78bd45ba56\",\"name\":\"Sergio Mart\u00edn\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g\",\"caption\":\"Sergio Mart\u00edn\"},\"url\":\"https:\\\/\\\/blogs.encamina.com\\\/piensa-en-software-desarrolla-en-colores\\\/author\\\/smartin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfComo convertir una app Flutter en una Windows App? | ENCAMINA","description":"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/","og_locale":"es_ES","og_type":"article","og_title":"\u00bfComo convertir una app Flutter en una Windows App?","og_description":"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.","og_url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/","og_site_name":"Piensa en software, desarrolla en colores","article_published_time":"2024-09-16T12:52:17+00:00","article_modified_time":"2024-09-16T13:03:49+00:00","og_image":[{"width":1152,"height":648,"url":"http:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif","type":"image\/gif"}],"author":"Sergio Mart\u00edn","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Sergio Mart\u00edn","Tiempo de lectura":"7 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#article","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/"},"author":{"name":"Sergio Mart\u00edn","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/beefc982685a9cecaa7e0a78bd45ba56"},"headline":"\u00bfComo convertir una app Flutter en una Windows App?","datePublished":"2024-09-16T12:52:17+00:00","dateModified":"2024-09-16T13:03:49+00:00","mainEntityOfPage":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/"},"wordCount":975,"commentCount":0,"image":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif","keywords":["Dart","flutter","Microsoft","Mobile","Window App","windows"],"articleSection":["Flutter","Movilidad"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/","name":"\u00bfComo convertir una app Flutter en una Windows App? | ENCAMINA","isPartOf":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#primaryimage"},"image":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#primaryimage"},"thumbnailUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif","datePublished":"2024-09-16T12:52:17+00:00","dateModified":"2024-09-16T13:03:49+00:00","author":{"@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/beefc982685a9cecaa7e0a78bd45ba56"},"description":"Como convertir una aplicaci\u00f3n de Flutter en una aplicaci\u00f3n de escritorio de Windows que sea instalable y ejecutable.","inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/flutter-to-windows-app\/#primaryimage","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif","contentUrl":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-content\/uploads\/sites\/21\/2024\/09\/download-1.gif","width":1152,"height":648},{"@type":"WebSite","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#website","url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/","name":"Piensa en software, desarrolla en colores","description":"Las ventajas que te ofrece Microsoft Azure y el mundo.NET","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/#\/schema\/person\/beefc982685a9cecaa7e0a78bd45ba56","name":"Sergio Mart\u00edn","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/245da3da002b8ba6fad2bc93c85ee895ab4ec047b337b96097e5d96fb69ddab1?s=96&d=mm&r=g","caption":"Sergio Mart\u00edn"},"url":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/author\/smartin\/"}]}},"_links":{"self":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts\/2410","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/users\/210"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/comments?post=2410"}],"version-history":[{"count":0,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/posts\/2410\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/media\/2445"}],"wp:attachment":[{"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/media?parent=2410"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/categories?post=2410"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.encamina.com\/piensa-en-software-desarrolla-en-colores\/wp-json\/wp\/v2\/tags?post=2410"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}