Diferencia entre revisiones de «Capacitor»
De TechShareRoom wiki
Más acciones
Página creada con «Capacitor es una herramienta moderna que permite empaquetar apps web como aplicaciones nativas para Android e iOS. Vamos a ver un ejemplo con una app React. En el directorio de la app: <syntaxhighlight lang="bash "> # 1.Instala npm install @capacitor/core @capacitor/cli npx cap init # 2.Añade la plataforma Android: npx cap add android # 3.Compila tu app npm run build # 4.Copia los archivos al proyecto Android: npx cap copy android # 5.Abre el proyecto en Androi…» |
Sin resumen de edición |
||
| Línea 6: | Línea 6: | ||
<syntaxhighlight lang="bash "> | <syntaxhighlight lang="bash "> | ||
# 1.Instala | # 1.Instala | ||
npm install @capacitor/core @capacitor/cli | npm install @capacitor/core @capacitor/cli @capacitor/android | ||
npx cap init | npx cap init | ||
| Línea 18: | Línea 18: | ||
npx cap copy android | npx cap copy android | ||
# 5.Abre el proyecto en Android Studio: | # 5.Abre manualmente Android Studio y ejecuta el tutorial de instalación nativo | ||
# 6.Abre el proyecto en Android Studio: | |||
npx cap open android | npx cap open android | ||
# Si no te funciona a la primera, también puedes abrir Android Studio manualmente y abrir la carpeta android del proyecto | |||
</syntaxhighlight> | </syntaxhighlight> | ||
Fuente: | |||
*[https://www.youtube.com/watch?v=gRh4bSgg0fg Convert a React + Vite Web App to Android APK using Capacitor | Offline Budget Planner App - Maruf Khan Ornob] | |||
Revisión del 01:01 11 ago 2025
Capacitor es una herramienta moderna que permite empaquetar apps web como aplicaciones nativas para Android e iOS.
Vamos a ver un ejemplo con una app React. En el directorio de la app:
# 1.Instala
npm install @capacitor/core @capacitor/cli @capacitor/android
npx cap init
# 2.Añade la plataforma Android:
npx cap add android
# 3.Compila tu app
npm run build
# 4.Copia los archivos al proyecto Android:
npx cap copy android
# 5.Abre manualmente Android Studio y ejecuta el tutorial de instalación nativo
# 6.Abre el proyecto en Android Studio:
npx cap open android
# Si no te funciona a la primera, también puedes abrir Android Studio manualmente y abrir la carpeta android del proyectoFuente: