En aquest tema, aprendrem com preparar i desplegar la teva aplicació Ionic a les botigues d'aplicacions, tant a Google Play Store com a Apple App Store. Aquest procés inclou la configuració del projecte, la generació dels fitxers necessaris, la signatura de l'aplicació i la pujada a les botigues.
- Preparació del Projecte
1.1. Actualització de Configuracions
Abans de començar, assegura't que les configuracions del teu projecte estiguin correctament definides. Revisa el fitxer config.xml i el fitxer package.json per assegurar-te que tota la informació sigui correcta.
<!-- config.xml --> <widget id="com.example.myapp" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0"> <name>MyApp</name> <description>Una aplicació increïble!</description> <author email="[email protected]" href="http://example.com">El teu nom</author> <!-- Altres configuracions --> </widget>
// package.json
{
"name": "myapp",
"version": "1.0.0",
"description": "Una aplicació increïble!",
"author": "El teu nom <[email protected]>",
"scripts": {
"build": "ionic build"
},
// Altres configuracions
}1.2. Generació de l'APK i IPA
Per generar els fitxers necessaris per a Android i iOS, utilitza les següents comandes:
# Per Android ionic cordova build android --prod --release # Per iOS ionic cordova build ios --prod --release
- Signatura de l'Aplicació
2.1. Signatura d'APK per a Android
Per signar l'APK, necessitaràs un fitxer de clau (keystore). Si no en tens un, pots crear-lo amb la següent comanda:
keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
Després, signa l'APK:
jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore my-release-key.keystore platforms/android/app/build/outputs/apk/release/app-release-unsigned.apk my-key-alias
Finalment, optimitza l'APK:
2.2. Signatura d'IPA per a iOS
Per signar l'IPA, necessitaràs un certificat de desenvolupador d'Apple i un perfil de provisionament. Aquests es poden obtenir a través del portal de desenvolupadors d'Apple.
- Obre Xcode i selecciona el teu projecte.
- A la pestanya "General", assegura't que el "Bundle Identifier" sigui únic.
- A la pestanya "Signing & Capabilities", selecciona el teu equip de desenvolupament i el perfil de provisionament adequat.
- Genera l'IPA des de Xcode.
- Pujada a les Botigues d'Aplicacions
3.1. Google Play Store
- Accedeix a la Google Play Console.
- Crea una nova aplicació i completa la informació requerida.
- Pujada l'APK signat.
- Completa la informació de la botiga (descripció, captures de pantalla, etc.).
- Publica l'aplicació.
3.2. Apple App Store
- Accedeix a App Store Connect.
- Crea una nova aplicació i completa la informació requerida.
- Utilitza Xcode per pujar l'IPA a App Store Connect.
- Completa la informació de la botiga (descripció, captures de pantalla, etc.).
- Envia l'aplicació per a revisió.
Exercici Pràctic
Exercici 1: Desplegar una Aplicació a Google Play Store
- Configura el teu projecte segons les instruccions anteriors.
- Genera i signa l'APK.
- Crea una nova aplicació a Google Play Console i puja l'APK.
- Completa la informació de la botiga i publica l'aplicació.
Exercici 2: Desplegar una Aplicació a Apple App Store
- Configura el teu projecte segons les instruccions anteriors.
- Genera i signa l'IPA.
- Crea una nova aplicació a App Store Connect i puja l'IPA.
- Completa la informació de la botiga i envia l'aplicació per a revisió.
Conclusió
Desplegar una aplicació a les botigues d'aplicacions pot semblar un procés complex, però seguint aquests passos, podràs fer-ho de manera efectiva. Recorda revisar cada detall i assegurar-te que la teva aplicació compleixi amb les polítiques de les botigues per evitar problemes durant la revisió. Amb la pràctica, aquest procés esdevindrà més senzill i ràpid.
Curs de Desenvolupament Ionic
Mòdul 1: Introducció a Ionic
- Què és Ionic?
- Configuració de l'Entorn de Desenvolupament
- Creant la Teva Primera App Ionic
- Entenent l'Estructura del Projecte
- Executant i Depurant la Teva App
Mòdul 2: Components Bàsics i Navegació
- Visió General dels Components Ionic
- Utilitzant Botons i Icones Ionic
- Creant i Utilitzant Pàgines
- Navegació i Enrutament
- Pestanyes i Menús Laterals
Mòdul 3: Estilització i Tematització
- Introducció a l'Estilització Ionic
- Utilitzant CSS i SCSS en Ionic
- Tematitzant la Teva App Ionic
- Disseny Responsiu en Ionic
- Personalitzant Components Ionic
Mòdul 4: Treballant amb Dades
- Introducció al Binding de Dades
- Utilitzant Serveis Angular
- Peticions HTTP i APIs
- Emmagatzemant Dades Localment
- Utilitzant Ionic Storage
Mòdul 5: Components i Funcionalitats Avançades
- Utilitzant Formularis Ionic
- Validació i Gestió d'Errors
- Utilitzant Plugins Ionic Native i Cordova
- Accedint a Funcionalitats del Dispositiu
- Notificacions Push
Mòdul 6: Proves i Desplegament
- Proves Unitàries en Ionic
- Proves de Cap a Cap
- Construint per a Producció
- Desplegant a les Botigues d'Aplicacions
- Integració i Lliurament Continu