En aquest tema, aprendrem com construir aplicacions Apache Cordova per a diferents plataformes mòbils, com Android i iOS. La capacitat de Cordova per compilar aplicacions per a múltiples plataformes és una de les seves característiques més potents, ja que permet als desenvolupadors escriure una sola base de codi i desplegar-la en diversos sistemes operatius.
- Introducció a la construcció per a diferents plataformes
Conceptes clau:
- Plataformes suportades: Apache Cordova suporta diverses plataformes, incloent Android, iOS, Windows, i altres.
- CLI de Cordova: La interfície de línia de comandes (CLI) de Cordova és l'eina principal per gestionar i construir projectes Cordova.
- SDKs: Per construir aplicacions per a diferents plataformes, necessitaràs els kits de desenvolupament de programari (SDKs) específics de cada plataforma.
- Configuració de l'entorn per a Android
Requisits:
- Java Development Kit (JDK): Necessari per a la compilació d'aplicacions Android.
- Android Studio: Inclou l'SDK d'Android i altres eines necessàries.
Passos:
-
Instal·la el JDK:
- Descarrega i instal·la el JDK des del lloc web oficial d'Oracle.
- Assegura't que la variable d'entorn
JAVA_HOME
apunti al directori d'instal·lació del JDK.
-
Instal·la Android Studio:
- Descarrega i instal·la Android Studio des del lloc web oficial.
- Durant la instal·lació, assegura't d'incloure l'SDK d'Android i l'Android Virtual Device (AVD).
-
Configura les variables d'entorn:
- Afegeix les rutes de l'SDK d'Android a les variables d'entorn
ANDROID_HOME
iPATH
.
- Afegeix les rutes de l'SDK d'Android a les variables d'entorn
Construcció per a Android:
# Afegeix la plataforma Android al projecte Cordova cordova platform add android # Compila l'aplicació per a Android cordova build android
- Configuració de l'entorn per a iOS
Requisits:
- Xcode: L'entorn de desenvolupament integrat (IDE) d'Apple per a macOS, necessari per a la compilació d'aplicacions iOS.
- Certificats i perfils de provisionament: Necessaris per signar i desplegar aplicacions en dispositius iOS.
Passos:
-
Instal·la Xcode:
- Descarrega i instal·la Xcode des de l'App Store de macOS.
-
Configura els certificats i perfils de provisionament:
- Registra't com a desenvolupador d'Apple i crea els certificats i perfils de provisionament necessaris a l'Apple Developer Portal.
Construcció per a iOS:
# Afegeix la plataforma iOS al projecte Cordova cordova platform add ios # Compila l'aplicació per a iOS cordova build ios
- Construcció per a altres plataformes
Windows:
- Visual Studio: Necessari per a la compilació d'aplicacions Windows.
- SDK de Windows: Inclòs amb Visual Studio.
Passos:
- Instal·la Visual Studio:
- Descarrega i instal·la Visual Studio des del lloc web oficial de Microsoft.
- Assegura't d'incloure les eines de desenvolupament per a aplicacions Windows durant la instal·lació.
Construcció per a Windows:
# Afegeix la plataforma Windows al projecte Cordova cordova platform add windows # Compila l'aplicació per a Windows cordova build windows
- Comparació de plataformes
Plataforma | Eina de Desenvolupament | SDK Necessari | Sistema Operatiu |
---|---|---|---|
Android | Android Studio | Android SDK | Windows, macOS, Linux |
iOS | Xcode | iOS SDK | macOS |
Windows | Visual Studio | Windows SDK | Windows |
- Exercici pràctic
Objectiu:
Construir una aplicació Cordova per a Android i iOS.
Passos:
-
Crea un nou projecte Cordova:
cordova create myApp com.example.myapp MyApp cd myApp
-
Afegeix les plataformes Android i iOS:
cordova platform add android cordova platform add ios
-
Compila l'aplicació per a Android:
cordova build android
-
Compila l'aplicació per a iOS:
cordova build ios
Solució:
Si has seguit els passos correctament, hauràs creat i compilat una aplicació Cordova per a Android i iOS. Pots trobar els fitxers compilats a les carpetes platforms/android/app/build/outputs/apk
i platforms/ios/build/emulator
.
- Conclusió
En aquesta secció, hem après com configurar l'entorn de desenvolupament per a Android i iOS, i com construir aplicacions Cordova per a aquestes plataformes. La capacitat de Cordova per compilar aplicacions per a múltiples plataformes amb una sola base de codi és una característica poderosa que pot estalviar temps i esforç als desenvolupadors. En el proper tema, explorarem com signar i publicar les nostres aplicacions a les botigues d'aplicacions.
Curs d'Apache Cordova
Mòdul 1: Introducció a Apache Cordova
- Què és Apache Cordova?
- Configuració del teu entorn de desenvolupament
- Creació del teu primer projecte Cordova
- Comprensió de l'estructura del projecte
Mòdul 2: Conceptes bàsics i APIs
- Plugins de Cordova
- Ús de l'API del dispositiu
- Accés a l'emmagatzematge del dispositiu
- Gestió de la informació de la xarxa
- Interacció amb la càmera
Mòdul 3: Interfície d'usuari i experiència d'usuari
- Construcció d'una interfície d'usuari responsiva
- Ús de Cordova amb frameworks (per exemple, Angular, React)
- Gestió de l'entrada de l'usuari
- Implementació de la navegació
Mòdul 4: Funcions avançades de Cordova
- Desenvolupament de plugins personalitzats
- Ús de codi natiu
- Optimització del rendiment
- Depuració i proves
Mòdul 5: Desplegament i distribució
- Construcció per a diferents plataformes
- Signatura i publicació d'aplicacions
- Directrius i millors pràctiques de l'App Store
- Integració i desplegament continus
Mòdul 6: Estudis de cas i aplicacions del món real
- Estudi de cas: Construcció d'una aplicació de llista de tasques
- Estudi de cas: Construcció d'una aplicació del temps
- Estudi de cas: Construcció d'una aplicació de xarxes socials
- Lliçons apreses i millors pràctiques