En aquest tema, aprendrem com preparar i construir la teva aplicació Flutter per a dispositius iOS. Aquest procés inclou la configuració de l'entorn de desenvolupament, la creació de certificats i perfils de provisionament, i la construcció de l'aplicació per a la seva distribució.
- Configuració de l'Entorn de Desenvolupament
Requisits Previs
Abans de començar, assegura't de tenir els següents requisits instal·lats al teu sistema:
- macOS: Necessitaràs un Mac per desenvolupar aplicacions per a iOS.
- Xcode: Descarrega i instal·la Xcode des de l'App Store.
- Flutter SDK: Assegura't de tenir el Flutter SDK instal·lat. Pots seguir les instruccions del Mòdul 1 per configurar Flutter.
Instal·lació de Xcode
- Obre l'App Store al teu Mac.
- Cerca "Xcode" i fes clic a "Obtenir" per descarregar i instal·lar Xcode.
- Un cop instal·lat, obre Xcode i accepta els termes i condicions.
Configuració de les Eines de Línia de Comandes de Xcode
- Obre el terminal.
- Executa la següent comanda per assegurar-te que les eines de línia de comandes de Xcode estan configurades correctament:
sudo xcode-select --switch /Applications/Xcode.app/Contents/Developer
- Accepta la llicència de Xcode executant:
sudo xcodebuild -license
Instal·lació de Cocoapods
Cocoapods és un gestor de dependències per a projectes iOS. Instal·la'l executant la següent comanda al terminal:
- Creació de Certificats i Perfils de Provisionament
Creació d'un Identificador d'Aplicació
- Accedeix al Apple Developer Portal.
- Navega a "Certificates, Identifiers & Profiles".
- A la secció "Identifiers", fes clic a "+" per crear un nou identificador.
- Selecciona "App IDs" i fes clic a "Continue".
- Omple els camps necessaris, com el nom de l'aplicació i el bundle ID (per exemple,
com.example.myapp
). - Fes clic a "Continue" i després a "Register".
Creació de Certificats de Desenvolupament
- A la secció "Certificates", fes clic a "+" per crear un nou certificat.
- Selecciona "iOS App Development" i fes clic a "Continue".
- Segueix les instruccions per generar un certificat de signatura de codi.
Creació de Perfils de Provisionament
- A la secció "Profiles", fes clic a "+" per crear un nou perfil de provisionament.
- Selecciona "iOS App Development" i fes clic a "Continue".
- Selecciona l'identificador d'aplicació que has creat anteriorment.
- Selecciona el certificat de desenvolupament que has creat.
- Selecciona els dispositius que vols utilitzar per a les proves.
- Assigna un nom al perfil de provisionament i fes clic a "Generate".
- Construcció de l'Aplicació
Configuració del Projecte Flutter
- Obre el terminal i navega al directori del teu projecte Flutter.
- Executa la següent comanda per assegurar-te que el projecte està configurat per a iOS:
flutter create .
Construcció de l'Aplicació per a iOS
- Executa la següent comanda per construir l'aplicació per a iOS:
flutter build ios
- Aquesta comanda generarà un fitxer
.app
que podràs utilitzar per a proves o distribució.
Executar l'Aplicació en un Simulador
- Obre Xcode i selecciona el teu projecte.
- Selecciona un simulador de la llista de dispositius disponibles.
- Fes clic a "Run" per executar l'aplicació al simulador.
Executar l'Aplicació en un Dispositiu Físic
- Connecta el teu dispositiu iOS al Mac.
- Selecciona el dispositiu a Xcode.
- Fes clic a "Run" per instal·lar i executar l'aplicació al dispositiu.
- Distribució de l'Aplicació
Preparació per a l'App Store
- Assegura't que el teu projecte està configurat per a la distribució. Pots fer-ho a Xcode, a la secció "Signing & Capabilities".
- Selecciona el perfil de provisionament de distribució i el certificat corresponent.
Construcció per a l'App Store
- Executa la següent comanda per construir l'aplicació per a la distribució:
flutter build ios --release
- Aquesta comanda generarà un fitxer
.ipa
que podràs pujar a l'App Store.
Pujar l'Aplicació a l'App Store
- Obre Xcode i selecciona "Product" > "Archive".
- Un cop l'arxiu estigui creat, fes clic a "Distribute App".
- Selecciona "App Store Connect" i segueix les instruccions per pujar l'aplicació.
Conclusió
En aquesta secció, hem après com configurar l'entorn de desenvolupament per a iOS, crear certificats i perfils de provisionament, construir l'aplicació per a iOS i distribuir-la a l'App Store. Amb aquests coneixements, estaràs preparat per portar la teva aplicació Flutter a dispositius iOS i distribuir-la als usuaris.
Curs de Desenvolupament Flutter
Mòdul 1: Introducció a Flutter
- Què és Flutter?
- Configuració de l'Entorn de Desenvolupament
- Comprensió de l'Arquitectura de Flutter
- Creació de la Teva Primera Aplicació Flutter
Mòdul 2: Conceptes Bàsics de Programació en Dart
- Introducció a Dart
- Variables i Tipus de Dades
- Sentències de Flux de Control
- Funcions i Mètodes
- Programació Orientada a Objectes en Dart
Mòdul 3: Widgets de Flutter
- Introducció als Widgets
- Widgets Stateless vs Stateful
- Widgets Bàsics
- Widgets de Disseny
- Widgets d'Entrada i Formulari
Mòdul 4: Gestió de l'Estat
Mòdul 5: Navegació i Enrutament
- Introducció a la Navegació
- Navegació Bàsica
- Rutes Nomenades
- Passar Dades Entre Pantalles
- Deep Linking
Mòdul 6: Xarxes i APIs
- Obtenir Dades d'Internet
- Analitzar Dades JSON
- Gestió d'Errors de Xarxa
- Ús d'APIs REST
- Integració de GraphQL
Mòdul 7: Persistència i Emmagatzematge
- Introducció a la Persistència
- Preferències Compartides
- Emmagatzematge de Fitxers
- Base de Dades SQLite
- Ús de Hive per a l'Emmagatzematge Local
Mòdul 8: Conceptes Avançats de Flutter
- Animacions en Flutter
- Pintura Personalitzada i Canvas
- Canals de Plataforma
- Isolates i Concurrència
- Optimització del Rendiment
Mòdul 9: Proves i Depuració
- Introducció a les Proves
- Proves Unitàries
- Proves de Widgets
- Proves d'Integració
- Tècniques de Depuració
Mòdul 10: Desplegament i Manteniment
- Preparació per al Llançament
- Construcció per a iOS
- Construcció per a Android
- Integració i Desplegament Continu (CI/CD)
- Manteniment i Actualització de la Teva Aplicació