1 Introducción a la uni-aplicación
uni-appEs un marco para desarrollar todas las aplicaciones front-end utilizando Vue.js. Los desarrolladores escriben un conjunto de códigos que se pueden publicar en iOS, Android, Web (responsivo) y varios programas pequeños (WeChat/Alipay/Baidu/Toutiao/Feishu / QQ/KuiShou/DingTalk/Taobao), aplicaciones rápidas y otras plataformas.
DCloudLa empresa cuenta con 9 millones de desarrolladores, millones de aplicaciones, 1200 millones de usuarios móviles activos mensuales, miles de complementos de una sola aplicación y más de 70 grupos de WeChat/QQ. La herramienta del subprograma Ali tiene una uni-aplicación incorporada oficial , y Tencent Classroom registra oficialmente los cursos de capacitación para la uni-aplicación , por lo que los desarrolladores pueden elegir con confianza.uni-appEn mano, no te preocupes por nada. Incluso si no es cruzado,uni-appes un mejor marco de desarrollo de subprogramas , un mejor marco multiplataforma de aplicaciones y un marco de desarrollo H5 más conveniente. No importa qué tipo de proyecto organice el líder, puede entregarlo rápidamente, sin cambiar el pensamiento de desarrollo ni cambiar los hábitos de desarrollo.
2 Introducción al aleteo
Flutter es el marco de interfaz de usuario móvil de Google para crear rápidamente interfaces de usuario nativas de alta calidad en iOS y Android. Flutter funciona con el código existente. En todo el mundo, Flutter está siendo utilizado por más y más desarrolladores y organizaciones, y Flutter es completamente gratuito y de código abierto.
2.1 Características principales
-
desarrollo rápido
La recarga en caliente de Flutter lo ayuda a probar, crear una interfaz de usuario, agregar funciones y corregir errores rápidamente. Las recargas en fracciones de segundo son posibles en emuladores de iOS y Android o en dispositivos reales sin perder el estado.
-
Interfaz de usuario hermosa y expresiva
Brinde a sus usuarios una experiencia completamente nueva con los hermosos widgets integrados de Material Design y Cupertino (estilo iOS) de Flutter, API de movimiento enriquecido, efectos deslizantes suaves y naturales y reconocimiento de plataforma.
-
marco moderno y receptivo
Cree fácilmente su interfaz de usuario utilizando el marco moderno y receptivo de Flutter y una variedad de widgets básicos. Resuelva desafíos de interfaz de usuario difíciles con API potentes y flexibles para 2D, animaciones, gestos, efectos y más.
2.2 Instalación y Configuración
2.2.1 Ventanas
(1) Requisitos de configuración del sistema
- Sistema operativo: Windows 10 o posterior (sistema operativo de 64 bits basado en x86-64).
- Configuración del sistema: habilite el modo de desarrollador.
- Herramientas de dependencia:
- Windows Power Shell 5.0 o posterior.
- Git para Windows 2.x (y marque la opción Usar Git desde el símbolo del sistema de Windows).
(2) Obtenga el SDK de Flutter
- Descarga flutter_windows_3.0.5-stable.zip .
- Después de la descompresión, copie el directorio flutter en la unidad D (tenga en cuenta que la ruta no debe tener caracteres especiales).
(3) Actualice la variable de entorno de la ruta
- Panel de control -> Sistema y seguridad -> Sistema -> Configuración avanzada del sistema -> Variables de entorno -> Variables de usuario.
- Busque la entrada de ruta (si no, cree una nueva entrada de ruta), agregue
flutter/binla ruta completa.
(4) Ejecute la verificación del doctor flutter (según el resultado de la verificación, complete la configuración de dependencia).
2.2.2 Linux
(1) Requisitos de configuración del sistema
- Sistema Operativo: Linux 64 bits.
- Herramientas de comando: bash, curl, file, git 2.x, mkdir, rm, unzip, which, xz-utils, zip.
- Biblioteca común: libGLU.so.1.
(2) Obtenga el SDK de Flutter
# 更新软件源
sudo apt-get update
# 安装snap工具
sudo apt-get install snap
# 安装flutter
sudo snap install flutter --classic
(3) Ejecute la verificación del doctor flutter (según el resultado de la verificación, complete la configuración de dependencia).
2.3 Ejecución y publicación
Comandos comunes de aleteo:
# 查看帮助
flutter -h
# 创建项目
flutter create Project_Name
# 运行项目
flutter run
--v # 查看日志输出
--release # 发布模式
--debug # 调试模式
--hot # 热重载启动
# 查看设备列表
# 设备名称 · 设备ID · 系统架构 · 系统版本(API版本)
flutter devices
# 切换设备
flutter run -d 设备名称/设备ID
# 安装程序
flutter install
# 查看配置情况 加-v可查看详细情况
flutter doctor
# 升级flutter
flutter upgrade
# 打包apk
flutter build apk
# 添加平台支持
flutter create --platforms=windosw,macos,linux .
2.3.1 Ejecutar en plataforma Windows
# 1.为已有的 Flutter 项目添加桌面支持
flutter create --platforms=windows .
# 2.确保开启开发者模式
start ms-settings:developers
# 3.基于Android Studio IDE开发的移动应用运行到Windows
flutter run -d windows
2.3.2 Publicación en la plataforma Windows
# 构建发布版本
flutter build windows --release
# 生成的发布版路径为 <Project_Dir>/build/windows/runner/release
# release目录结构如下
.
├── amc1600e.exe // 可执行程序
├── data // 包含应用资源文件，如字体和图片
└── flutter_windows.dll // 必需的动态库文件
2.3.3 Ejecución en plataforma Linux
# 1.为已有的 Flutter 项目添加桌面支持
flutter create --platforms=linux .
# 2.基于Android Studio IDE开发的移动应用运行到Ubuntu
flutter run -d linux
2.3.4 Publicación en la plataforma Linux
# 构建发布版本
flutter build linux --release
# 生成的发布版路径为 <Project_Dir>/build/linux/x64/release/bundle
# bundle目录结构如下
.
├── amc1600e // 可执行程序
├── data // 包含应用资源文件，如字体和图片
└── lib // 包含必需的动态库文件
2.3.5 Ejecutar a la plataforma Android
Debajo de la ruta del proyecto, mantenga presionado Shift, haga clic con el botón derecho y seleccione Abrir ventana de Powershell aquí:
-
Ingrese para
flutter devicesver una lista de dispositivos. -
Entrar
flutter run -d emulator-5554_
2.3.6 Lanzamiento a la plataforma Android
(1) Comprobar el manifiesto de la aplicación
(2) Ver la configuración de compilación
(3) Añadir icono de inicio
(4) firma de la aplicación
(5) Activar la compresión de ofuscación
(6) Cree un apk de lanzamiento
# 构建apk
flutter build apk
# 安装apk
flutter install
3 Análisis comparativo
| Solución multiplataforma | ventaja | defecto |
|---|---|---|
| uni-aplicación | 1. Compatible internamente con el método de escritura de vue para uso multiplataforma. 2. Al mismo tiempo, admite la publicación en múltiples plataformas como iOS, Android, Web, muchos applets principales y aplicaciones rápidas. |
1. Muchas bibliotecas web y bibliotecas web de terceros no son compatibles. 2. Si es difícil personalizar la función o la interfaz de usuario, básicamente solo puede hacerlo de acuerdo con los requisitos de la aplicación uni. 3. No es muy amigable para la depuración y compatibilidad con dispositivos móviles. |
| aleteo | 1. Desarrollo rápido, admite recarga en caliente de nivel de milisegundos. 2. Proporcione soporte de componentes enriquecidos, interfaz de usuario expresiva y flexible. 3. Con su propio motor de renderizado, no depende de ninguna plataforma y puede alcanzar el mismo rendimiento que las aplicaciones nativas. 4. El código abierto es gratuito y brinda soporte a la comunidad. 5. Un conjunto de código se puede compilar en aplicaciones para múltiples plataformas (móvil, web, escritorio, integrado). |
1. Necesita saber el idioma de los dardos. 2. Necesidad de entender el desarrollo nativo. |