Diferencia entre revisiones de «Capacitor»
De TechShareRoom wiki
Más acciones
Sin resumen de edición |
m Texto reemplazado: «<syntaxhighlight lang="bash ">» por «<syntaxhighlight lang="bash" copy>» |
||
| (No se muestra una edición intermedia del mismo usuario) | |||
| Línea 1: | Línea 1: | ||
Capacitor es una herramienta moderna que permite empaquetar apps web como aplicaciones nativas para Android e iOS. | 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. | Vamos a ver un ejemplo con una app React que queremos portar a Android. | ||
En el directorio de la app: | En el directorio de la app: | ||
<syntaxhighlight lang="bash "> | <syntaxhighlight lang="bash" copy> | ||
# 1.Instala | # 1.Instala | ||
npm install @capacitor/core @capacitor/cli @capacitor/android | npm install @capacitor/core @capacitor/cli @capacitor/android | ||
Revisión actual - 14:01 26 ene 2026
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 que queremos portar a Android. 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: