DEV Community

Cover image for Flutter en HarmonyOS: ¿Por qué es una gran combinación para desarrolladores?

Flutter en HarmonyOS: ¿Por qué es una gran combinación para desarrolladores?

Flutter en HarmonyOS: ¿Por qué es una gran combinación para desarrolladores?

¿Qué es HarmonyOS?

HarmonyOS (o Hongmeng OS en China) es un sistema operativo desarrollado por Huawei, diseñado para ser multiplataforma y escalable. A diferencia de sistemas tradicionales como Android o iOS, HarmonyOS está construido para funcionar en:

📱 Dispositivos móviles (smartphones, tablets).

🖥 IoT y wearables (relojes inteligentes, TVs, electrodomésticos).

🚗 Sistemas embebidos (automóviles, dispositivos industriales).

Su enfoque en rendimiento, baja latencia y arquitectura distribuida lo hace ideal para el ecosistema de dispositivos conectados.

¿Qué es Flutter?

Flutter es el framework de código abierto de Google para crear aplicaciones nativas compiladas desde un solo código base. Con Flutter, puedes desarrollar para:

✅ Android

✅ iOS

✅ Web

✅ Escritorio (Windows, macOS, Linux)

✅ Y ahora... ¡HarmonyOS! (gracias a los desarrolladores chinos).

Flutter destaca por:

🔥 Hot Reload: Iteración rápida sin reiniciar la app.

🎨 Widgets personalizables: Diseño adaptable y hermoso por defecto.

📦 Un solo código: Reduce tiempo y costos de desarrollo.

¿Por qué Flutter + HarmonyOS es poderoso para los desarrolladores?

Multiplataforma real: Flutter ya soporta múltiples sistemas, y con HarmonyOS, amplías tu alcance a un ecosistema en crecimiento (especialmente en Asia y mercados emergentes).

Menos fragmentación: Huawei está migrando sus dispositivos de Android a HarmonyOS, y Flutter te permite mantener una base de código única para ambos.

IoT y más allá: HarmonyOS se enfoca en IoT, y Flutter puede ser tu herramienta para desarrollar apps que interactúen con estos dispositivos.

Comunidad y recursos: Flutter tiene una comunidad activa y paquetes listos para usar, lo que acelera el desarrollo en HarmonyOS.

¿Qué aprenderemos en este tutorial?
En esta guía, configuraremos Flutter para desarrollar aplicaciones compatibles con HarmonyOS,

Requisitos

  • Conocimientos en flutter
  • Conocimientos en git
  • Cuenta Huawei

Windows

1. Clonación y descargas

1. Clonación
  1. Creamos la carpeta C:\HarmonyOS
  2. Clonamos y cambiamos al commit con el que se creo el release 3.22 git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git git checkout -b tag_3_22_1 2d2e8932 ##### 2. Descargas Nos dirigimos a Developer Huawei y con nuestra cuenta Huawei descargamos los siguientes archivos:
  3. DevEco Studio for Windows
  4. Command Line Tools for Windows
  5. ohpm-repo

zips

2. Instalación

  1. Descomprimimos devecostudio-windows-x.y.z.sip
  2. Ejecutamos como administrador deveco-studio-x.y.z.exe install

3. Cofiguración

  1. Copiamos y descomprimimos en C:\HarmonyOS commandline-tools-windows-x64-x.y.z.zip y ohpm-repo-x.y.z
  2. Renombramos las carpetas descomprimidas command-line-tools y ohpm-repo rename
  3. Añadimos a nuestra variables de sistema nuestros paths. Sistema -> configuración avanzada -> variables de entorno -> variables de sistema -> Path paths
  4. Probamos nuestra instalación flutter doctor -v y ohpm --version check

MacOS

1. Clonación y descargas

1. Clonación
  1. Creamos la carpeta /Users/your-name/HarmonyOS
  2. Clonamos y creamos una rama con el commit con el que se creo el release 3.22 git clone https://gitcode.com/openharmony-tpc/flutter_flutter.git git checkout -b tag_3_22_1 2d2e8932 ##### 2. Descargas Nos dirigimos a Developer Huawei y con nuestra cuenta Huawei descargamos los siguientes archivos:
  3. DevEco Studio for Mac
  4. Command Line Tools for Mac
  5. ohpm-repo

zips

2. Instalación

  1. Descomprimimos devecostudio-mac-xyz-x.y.z.zip
  2. Instalamos devecostudio-mac-xyz-x.y.z install

3. Cofiguración

  1. Copiamos y descomprimimos en /Users/your-name/HarmonyOS commandline-tools-mac-xyz-x.y.z.zip y ohpm-repo-x.y.z
  2. Renombramos las carpetas descomprimidas command-line-tools y ohpm-repo

rename

  1. Abrimos un terminal y añadimos nuestros paths. esto varia segun version de MAC (.zshrc) nano ~/.zshrc

paths

  1. Probamos nuestra instalación flutter doctor -v y ohpm --version

Paquetes de Dart y Flutter para harmonyOS

Repositorio
packages

Documentación de Flutter

Flutter Docs

Paquetes de Dart y Flutter

Pub dev

Otros paquetes

Flutter Gems

Top comments (0)