Publicar una aplicació a l'App Store d'Apple és un procés que requereix diversos passos, des de la preparació de l'aplicació fins a la seva submissió i aprovació. En aquesta secció, veurem els passos necessaris per preparar i publicar la teva aplicació React Native a l'App Store.
Requisits previs
Abans de començar, assegura't de tenir els següents requisits:
- Compte de desenvolupador d'Apple: Necessites un compte de desenvolupador d'Apple actiu. Pots registrar-te a Apple Developer.
- Xcode: Instal·la Xcode des del Mac App Store.
- Certificats i identificadors: Configura els certificats, identificadors i perfils de provisió al Apple Developer Portal.
Pas 1: Preparar l'aplicació
1.1. Configurar l'App ID
- Accedeix al Apple Developer Portal.
- Navega a "Certificates, Identifiers & Profiles".
- Crea un nou App ID per a la teva aplicació.
1.2. Crear un certificat de distribució
- A "Certificates, Identifiers & Profiles", selecciona "Certificates".
- Crea un nou certificat de distribució seguint les instruccions.
1.3. Crear un perfil de provisió
- A "Certificates, Identifiers & Profiles", selecciona "Profiles".
- Crea un nou perfil de provisió de distribució associat amb l'App ID i el certificat de distribució.
Pas 2: Configurar l'aplicació a Xcode
2.1. Obre el projecte a Xcode
- Navega a la carpeta del teu projecte React Native.
- Obre el fitxer
ios/YourAppName.xcworkspace
amb Xcode.
2.2. Configurar els paràmetres del projecte
- Selecciona el projecte a la barra lateral esquerra.
- A la pestanya "General", assegura't que el "Bundle Identifier" coincideixi amb l'App ID creat anteriorment.
- A la secció "Signing & Capabilities", selecciona el teu equip de desenvolupament i el perfil de provisió adequat.
2.3. Configurar els paràmetres de construcció
- A la pestanya "Build Settings", assegura't que els paràmetres de construcció estiguin configurats per a la distribució.
- Configura el "Build Configuration" a "Release".
Pas 3: Construir l'aplicació
3.1. Construir l'aplicació per a distribució
- Selecciona el dispositiu de destinació com "Any iOS Device (arm64)".
- A la barra de menú, selecciona "Product" > "Archive".
- Espera que Xcode construeixi l'aplicació i creï un arxiu.
Pas 4: Submissió a l'App Store
4.1. Utilitzar l'Organizer per a la submissió
- Un cop l'arxiu estigui creat, Xcode obrirà l'Organizer.
- Selecciona l'arxiu recentment creat i fes clic a "Distribute App".
- Selecciona "App Store Connect" com a mètode de distribució.
- Segueix les instruccions per validar i enviar l'aplicació a l'App Store Connect.
4.2. Completar la informació a App Store Connect
- Accedeix a App Store Connect.
- Crea una nova aplicació i completa la informació requerida (nom, descripció, icones, captures de pantalla, etc.).
- Selecciona l'arxiu enviat des de Xcode i completa la informació de la versió.
4.3. Enviar per a revisió
- Un cop tota la informació estigui completa, envia l'aplicació per a revisió.
- Espera que Apple revisi l'aplicació. Aquest procés pot trigar uns dies.
Pas 5: Publicació
5.1. Aprovar i publicar
- Un cop l'aplicació sigui aprovada, rebràs una notificació.
- Publica l'aplicació a l'App Store.
Resum
En aquesta secció, hem vist els passos necessaris per preparar i publicar una aplicació React Native a l'App Store. Hem cobert des de la configuració inicial dels certificats i perfils de provisió fins a la submissió i publicació de l'aplicació. Assegura't de seguir cada pas amb cura per garantir una publicació exitosa.
Ara que has publicat la teva aplicació a l'App Store, estàs preparat per abordar la publicació a Google Play en el següent tema.
Curs de React Native
Mòdul 1: Introducció a React Native
- Què és React Native?
- Configuració de l'entorn de desenvolupament
- Aplicació Hello World
- Comprendre JSX
- Components i Props
Mòdul 2: Components bàsics i estilització
- Visió general dels components bàsics
- Text, View i Image
- Estilització amb Flexbox
- Gestió de l'entrada de l'usuari
- ScrollView i ListView
Mòdul 3: Estat i cicle de vida
- Mètodes d'estat i cicle de vida
- Gestió d'esdeveniments
- Renderització condicional
- Llistes i claus
- Formularis i components controlats
Mòdul 4: Navegació
- Introducció a React Navigation
- Stack Navigator
- Tab Navigator
- Drawer Navigator
- Passar paràmetres a les rutes
Mòdul 5: Xarxes i dades
- Obtenir dades amb Fetch API
- Utilitzar Axios per a sol·licituds HTTP
- Gestió d'errors de xarxa
- AsyncStorage per a dades locals
- Integració amb APIs REST
Mòdul 6: Conceptes avançats
Mòdul 7: Desplegament i publicació
- Construcció per a iOS
- Construcció per a Android
- Publicació a l'App Store
- Publicació a Google Play
- Integració i lliurament continus