Cómo subir tu aplicación de React Native al Play Store

Clase 31 de 36 • Curso de React Native 2016

Resumen

Subir la app a la Play Store de Google no es tan difícil como subirla al App Store de Google.

Victor te enseña los pasos que debes seguir para hacerlo.

Pablo Rendon Rendón

student•

El Video esta muy claro, 10 puntos, sin embargo seria mas facil tener los pasos escritos como tutorial, igual que lo que han hecho para iOS 😃

Edwin Rebolledo

student•

Amigos les comparto este pequeño resumen para creación de APK:

Crear el APK:

Firmar apk con un certificado

Generando APK Firmado:

En consola:

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

Explicacion: generara un archivo keystore se deben reemplazar las lineas:

Frase: my-release-key.keystore
Alias: my-key-alias

al ingresar colocar password, nombre del desarrollador, unidad de la organizacion, nombre de la organizacion, pais, dos letras del pais, confirmar datos y confirmar password.

esto genera el archivo keystore, resguardar este keystore ya que identifica tu app en playstore y son datos unicos.

ubicacion del archivo: raiz del proyecto

mover keystore a carpeta: android/app (mv nombre_keystore.keystore android/app)

guardar los datos del keystore en la configuracion de …gradle/gradle.properties:

pegar los datos:

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

reemplazar los datos por los reales y modificar los * por su password

CAMBIAR LA PALABRA MYAPP_ POR EL DE LA APP: PLATZI_

EDITAR EL ARCHIVO: android/app/build.gradle para indicar a Builder que firme la app al compilarla en modo Release, este paso debe hacerse en el Android Studio.

incluir justo debajo de defaultConfig:

signingConfigs {
release {
if (project.hasProperty(‘MYAPP_RELEASE_STORE_FILE’)) {
storeFile file(MYAPP_RELEASE_STORE_FILE)
storePassword MYAPP_RELEASE_STORE_PASSWORD
keyAlias MYAPP_RELEASE_KEY_ALIAS
keyPassword MYAPP_RELEASE_KEY_PASSWORD
}
}
}
buildTypes {
release {
…
signingConfig signingConfigs.release
}
}
}

igualmente modificar al MY_APP POR EL DE LA APP Y SETEADO EN EL gradle.

ir a la consola a la carpeta android y correr comando para generar el apk

$ cd android && ./gradlew assembleRelease

ya listo podras buscar el apk en app/build/outputs/apk, utilizar el app-release.apk

Felipe Saldarriaga

student•

App Store de Google. ??

Manuel Borja

student•

Algún tutorial para crear un apk desde expo ?

Víctor Julio Molano Bolívar

student•

Tal vez me salte algo o no entendi bien el tema del despligue. Podrian por favor explicarme como funciona el servidor js que usamos en desarrollo para generar el bundle pero ya para produccion?

es decir, necesito desplegar ese bundle en algun servidor externo a la app?
el bundle se carga dentro del APK /IPA al momento de compilarlo?

gracias!

IRIDIAN GUADALUPE CARRERA MONDRAGÓN

student•

Muchas gracias por la clase, ya pude obtener el apk de mi aplicación :D :D :D

Ilyass Jaatit

student•

Una pregunta, para hacer una actualización “OTA” (Over the air), se tiene que subir también la actualización al Google Play? Si es asi, no entiendo la ventaja entre nativo y hibrido por lo que hace referencia a las actualizaciones de la aplicación…
Muchas gracias!

Alejandro Sanabria

student•

Hola la app al ser nativa require que se pase primero por la store cualquier actualización, aunque hay servicios que te ayudan con eso.

Juan Puerta Montoya

student•

Una duda:
¿Se puede publicar una app para un entorno corporativo sin necesidad de ir a la strore?, como una empresa y que todo empleado nuevo pueda instalar dicah app.

Pablo Rendon Rendón

student•

Puedes usar HockeyApp para eso

Bryam Rodriguez

student•

No puedo ingresar con Facebook instalando el apk de la aplicación en mi telefono. Hay alguna configuración adicional que se deba hacer?

Belen Ceballos

student•

En la plataforma ingresas con Facebook? En la app deberías poder ingresar de la misma forma que ingresas en la web. Si sigues teniendo problemas, por favor, escríbenos a así te ayudamos!

Alfredo Carbajal carbajal

student•

En el curso de REACT con REDUX siempre fueron dejando disponible el código del proyecto completo, aqui no he encontrado el repositorio, donde se encuentra? ó por otra parte si no esta lo podrian dejar disponible?

Yeison Daza

student•

Hola, puedes encontrar el código del curso en , las clases estan separadas por commits

Claudia Luna Vargas

student•

cuando haces una segunda versión me gustaría saber como se actualiza y determina cual es para ipad y para iphone

Víctor Julio Molano Bolívar

student•

Una duda:

Si ya tenia una app nativa de android subida al playStore y ahora migré a RN, podría firmar la app de RN con dicho certificado y simplemente subirla como una actualización en la playStore? si es posible bastaría con firmarlo desde android studio seleccionando el key y ya?

gracias!

Damian Perez

student•

Saben como resolver este error al generar el apk usando: cd android && ./gradlew assembleRelease ?

> Configure project :app
Configuration 'compile' in project ':app' is deprecated. Use 'implementation' instead.

> Configure project :react-native-vector-icons
Configuration 'compile' in project ':react-native-vector-icons' is deprecated. Use 'implementation' instead.

> Task :app:processReleaseResources
Failed to execute aapt
com.android.ide.common.process.ProcessException: Failed to execute aapt```

Alejandro Sanabria

student•

Damian actualizaste react-native-vector-icons? y que version de react native estas usando?

Manuel Borja

student•

Tengo un app que funciona completamente en expo, pero no he podido lograr generar el apk. ¿alguna recomendación?

Samuel Quintana Tellez

student•

Aca esta la documentacion, en resumidas cuentas es…

Crear una cuenta en Expo
Modificar el archivo app.json, modificar los valores de version, bundleIdentifier, slug, icon y name
Ejecutar en terminal exp build:android: te pedira loguearte con las credenciales de la cuenta que creaste
Constestar las pregunts que te hace, solo es si quieres que te genere el keystore o si lo quieres hacer tu, al finalizar el proceso te proporcionara dos links, uno es el link de tu app en expo y el otro es el link para conocer el estatus del build.
Una vez finalizado el build lo instalas en tu Android con adb install app-dilename.apk

Cómo subir tu aplicación de React Native al Play Store

Lanzamiento del Curso

Intro a React Native y a Platzimusic, el proyecto del curso

Requerimientos técnicos del curso

Guía de instalación de React Native

Guía de instalación para desarrollar para Android

Introducción al Desarrollo Mobile

¿De qué se trata este Curso de React Native?

Tres enfoques para desarrollo de aplicaciones móviles

Qué es React Native y sus componentes básicos

Primera App con React Native

Instalación y configuración de entorno

Creando tu primera aplicación

Developer Experience (DX)

Componentes y APIs

Estilos y Layout con Flexbox

PlatziMusic

Armando la ArtistBox

Componentes reutilizables

Contenedores con Scroll

Armando nuestro listado de artistas

Consume datos de la API de last.fm para listar los artistas

Routing y Navegación

Agregando una vista de detalle

Autenticación de usuarios

Agregando login con Facebook para iOS

Agregando botón de login con Facebook para iOS

Agregando botón de login con Facebook para Android

Configurando autenticación con Firebase

Agreguemos las funcionalidades principales a nuestra app: likes y comentarios

Refactor y referencias de Firebase

Agrega la funcionalidad para hacer Like a un artista

Envia comentarios de un artista y almacénalos en Firebase

Lista los comentarios de un artista trayendo los datos desde Firebase

Agrega un avatar de usuario para mostrar en los comentarios

Refinando detalles de la app

Mejorando la UI/UX de PlatziMusic para Android y iOS en cada caso

Agrega recursos de imágenes en la aplicación para la pantalla de login

Agrega un ícono bonito para PlatziMusic

Llevando la app a los Stores

Cómo subir tu aplicación de React Native al Play Store

Cómo subir tu aplicación de React Native al App Store

Conclusiones

Cierre del curso

Desafíos

Desafío 1 - Lista los artistas top de tu país

Desafío 2 - Lista la cantidad precisa de comentarios

Desafío 3 - Comparte un artista en Facebook o Whatsapp