Tan pronto como inicie sesión y se haya suscrito a un plan, podrás crear una nueva aplicación.

A continuación, debes ingresar el nombre y la identificación (App ID) de la aplicación en los campos como se muestra en la imagen a continuación.

Después de eso, elije una plantilla, por ahora, puedes elegir entre 12 plantillas, pero debes estar atento, ya que las nuevas plantillas estarán disponibles pronto. A estas alturas, las plantillas ya habrán creado una aplicación con las secciones básicas (por ejemplo: la plantilla de la conferencia contiene: agenda, el lugar donde se realiza la conferencia, comprar una sección de entradas, redes sociales, etc.). Puedes agregar o eliminar una sección, depende de tus necesidades.

Al final, debes elegir un diseño. Por ahora, hay dos diseños (pestañas y laterales). Pero muy pronto se incluirá el diseño de la cuadrícula.

First, you have to download Expo Client on your phone (iOS or android). When you complete your download, click on preview app and it will open in your browser the app that you should scan from your phone with the app that you already downloaded (Expo Client). 

NOTE: If you are on iOS device and you are not able to scan, open your camera and scan the QR or login into the Expo Client app with this username and password

username: mobidonia

password: AppPreview

On your phone will open the UniExpo app. And click on the scan icon next to Choose an app to preview. Look at the picture below.

After that scan the QR that you already have into your app builder.

Now you should be able to preview your work. 

NOTE: Your initial screen must have data. Otherwise, the app will stick on the loading screen. 

Tan pronto como tenga tu archivo app.json en su lugar, y tengas el instalador expl cli, podrás entonces continuar haciendo tu aplicación Android. 

Para hacer que su aplicación de Android se ejecute

expo ba --no-publish

La consola le preguntará si desea que administren su certificado de Android, o usted les proporcionará su propio certificado de almacén de claves.  

Aqui podrás encontrar información y documentación de EXPO.

Siga las instrucciones en pantalla. Al final, obtendrás un enlace a tu aplicación de Android. Un archivo de tipo .apk.

Descarga este archivo en tu computadora. 

Publicando tu Aplicación en Google Play

Ve a la página de Google Play Publish. Si aún no tienes una cuenta, puede registrar una cuenta de desarrollador en Google por una tarifa única de $ 25. 

Puede encontrar documentos de publicación oficiales en Google Support Page.

Secciones

Si deseas cambiar el orden de cómo se enumera la sección, puedes hacerlo arrastrando y soltando la sección como en la imagen a continuación.

Agregar Sección

Al hacer clic en Agregar Sección, puedes agregar la sección adicional que necesites. Tienes 2 opciones de secciones:

• Vistas de detalle maestro (Master-detail views): eventos, tienda, menú de comida, receta, galería, radio y general (aquel que desees personalizar según tus necesidades).
• Vistas Específicas (Specific views): sección de carpeta, carrito, pedidos, perfil de usuario, lista de usuarios, mapa, notificaciones, escáner, vista web, lista de enlaces.

Cuando haces clic en la sección, debería aparecer una alerta que dice que la nueva sección se agregó con éxito, al igual que en la imagen a continuación.

Configuraciones de la Sección

Al hacer clic en el ícono de ajustes en la sección, específicamente en el ícono de configuración, se abrirá una vista completamente nueva donde puede seleccionar una configuración diferente para este menú. Mira la foto de abajo.

Al hacer clic en el icono, se abrirá una vista como está en la imagen a continuación.

Aquí puedes cambiar: 

 - Configuración Básica:

• icono
• mostrar la categoría
  
• la raiz del menú
  
• estilo de lista
  
• nombre del menú
  
• sección

 - Configuración de las Categorías

 -  Configuración de Listados

 -  Configuración de Detalles

Click on the Submit App button

Our automated process will compile, and build your mobile app in a few minutes - usually 10-20. 

Next, you should see this screen. 

Click on the Download App.json button

This file contains your app meta-data. 

Place it in a folder. 

When you receive an email, that your app is successfully produced, follow the instructions provided. 

Instructions

Step 1. Install the Expo CLI

First, you will need Node. 

Install it from here

https://nodejs.org/en/

Run this command in your Command Prompt or terminal.

Mac:

sudo npm install expo-cli --global

Windows (Open Command Prompt as administrator):

npm install expo-cli --global  

Step 2. Login in the expo cli

Run the command: expo login

Username: mobidonia

Password: AppPreview

Step 3. Download the app.json file from the link above.

Create a folder and place the app.json file there.

Step 4. Download package.json file

Download this package.json file and put in the same place where you added app.json

Run this command in your Command Prompt or terminal.

Navigate to the folder where app.json and package.json file is and run 

npm install

Step 5. Publish app

Follow the docs provided in the Publishing and updating section. 

Tan pronto como tengas el archivo .json de tu aplicación en su lugar y tengas el instalador expo cli, entonces podrás continuar con la construcción de tu aplicación para iPhone. 

Pero primero, necesitaras tener una iOS Developer Account (Cuenta de Desarrollador).  Esta te costará unos 99$ / año. Esto lo pagarás directamente a Apple. 

Puedes registrarte en la Cuenta de Desarrollador iOS aquí.

Para hacer que tu aplicación de iPhone se ejecute

expo bi --no-publish

La consola te pedirá tu nombre de usuario / contraseña.

Aquí accedes a la Documentación de Expo.

Sigue las instrucciones en pantalla. 

Al final, se generará un archivo IPA. Este es el archivo de la aplicación que podrás cargar en App Store Connect.

Publicación de aplicaciones en la App Store Connect

En el paso anterior, ya se habrá generado el archivo IPA. Este archivo deberá cargarse en la App Store Connect. 

Hay un problema Necesitará una computadora MAC para enviar el archivo IPA. 

Opción 1- Tienes una computadora MAC

Genial, entonces todo lo que tienes que hacer es ejecutar el siguiente comando

expo ui

Luego, expo cargará tu archivo IPA en Test Flight. Y desde allí puedes publicar tu aplicación.

Opción 2 - No poseo una computadora MAC. 

Entonces sugeriremos esto:

https://www.macincloud.com/

Podrás ejecutar una Mac en remoto, por tan solo 1$/hora. 

Luego puede usar la aplicación llamada "Cargador de aplicaciones" (Application Loader) para cargar tu archivo IPA o ejecutar el comando

expo ui

Luego, expo cargará tu archivo IPA en Test Flight. Y desde allí puedes publicar tu aplicación.

Al hacer clic en el icono, aparecerá una nueva ventana, donde puedes agregar tu contenido.

Al hacer clic en el icono "Carpeta" se abrirá la pantalla de categorías para esa sección.

Al hacer clic en el icono, aparecerá una nueva ventana, donde puede agregar sus categorías.

Asi que deberá enviar una nueva compilación solo si tienes un nuevo Nombre de Aplicación, Icono de la Aplicación o App Splash. 

Todo lo demás es manejable desde nuestro panel.

Para actualizar y enviar nombre de la aplicación, icono o splash; vaya a la pantalla Enviar (Submit) y envíe la aplicación para compilar una vez más. 

• General - aquí puedes cambiar el color de la aplicación, agregar una imagen de fondo, color de botón, texto de botón, etc.
• Barra de Navegación - configurar el diseño de la barra de navegación como el color de fondo, el color del borde, etc. 
• Diseño de la Lista - configurar el diseño de la lista
  
• Colores del Menú Lateral - elige el color para tu menú lateral

Artículo de inicio / Caso de uso - Aplicación de radio

En la aplicación de radio, hay dos modos.

1. Multi-radio station (varias radios)
   
2. Single radio station (una radio)
   

En el caso de la 2da opción, donde tiene una sola estación de radio, es común que desee que la aplicación comience a reproducirse tan pronto como el usuario abra la aplicación. Entonces, la idea será ir directamente a esa página de detalles de la radio.

Y sí, esto es posible pero requiere un pequeño trabajo manual.

Ya deberías haber agregado una estación de radio, según lo aprendido en "Contenido de la sección".

Vaya a esa estación de radio, que deseas abrir / iniciar cuando se inicia la aplicación.

En la parte superior, en la barra de direcciones, verás un número de identificación de la estación de radio.

Copia ese Número. 

Ahora vaya a la Configuración de la estación de radio.

Alli podrás ver la opción "ObjectIdToShow"

Coloca el número copiado anteriormente allí. Ahora tu Estación de Radio comenzará directamente. 

Tenga en cuenta que esto se puede aplicar a cada sección.  puedes agregar manualmente la clave (numero copiado) a la opción objectIdToShow .

Al hacer clic en la Configuración de la Aplicación, accederá a los ajustes específicos de la App y allí tendrá opciones para obtener una vista previa de la configuración individual que desee. Haga clic en el submenú a continuación y cambie la opción que desee.

Logins (Inicio de Sesión)

Desde aquí puede administrar y cambiar todas las configuraciones de inicio de sesión.

La configuración de inicio de sesión incluye estas opciones [Facebook, FacebookLogin, GoogleAndroidId, GoogleIOSid, GoogleLogin, WelcomeText]

Configuración de Inicio de Sesión de Facebook

Primero, debes hacer tu ID de la aplicación de Facebook.

- https://developers.facebook.com/apps crear tu app de facebook.

- Cuando se crea la aplicación, vaya a la configuración y desplácese hasta la parte inferior, ahora verás el botón Agregar plataforma. Solo agrega iOS y Android.

- Para iOS en el BundleID solo agrega host.exp.Exponent, mira la imagen que está a continuación.

- Para Android en la Key Hashes solo agrega rRW++LUjmZZ+58EbN5DVhGAnkX4= , mira la imagen a continuación.

- Ela parte superior de https://developers.facebook.com/apps deberías ver tu APP ID, copia el ID y configúralo en el campo facebookID el cual está en tu React App Builder.

Configuración del Inicio de Sesión de Google

Primero, debes hacer tus ID de Google.

• Obtenga una aplicación configurada en el Google Developer Console
• Ir a la página de credenciales
• Crea una aplicación para tu proyecto si aún no lo has hecho.
  
• Una vez hecho eso, haga clic en "Create Credentials" (crear credenciales) y luego "OAuth client ID." Se te pedirá que establezcas el nombre del producto en la pantalla de consentimiento, continúe y haga eso.
  

Crear un ID de Cliente iOS OAuth

• Selecciona "iOS Application" como el Tipo de Aplicación (Application Type). Colócale un nombre si así lo deseas (por ejemplo "iOS Development").
  
• Usa host.exp.exponent como el identificador del paquete (bundle identifier).
  
• Has click en "Create"
  
• Ahora verá un modal con la identificación del cliente.

Crear un ID de Cliente Android OAuth

• Selecciona "Android Application" como el Tipo de Aplicación (Application Type). Colócale un nombre si así lo deseas (quizás "Android Development").
  
• Ejecuta openssl rand -base64 32 | openssl sha1 -c en tu terminal, generará una cadena que se parece a "A1:B2:C3" pero más larga. Copia la salida a tu portapapeles.
  
• Paste the output from the previous step into the "Signing-certificate fingerprint" text field.
  
• Usa host.exp.exponent como el Nombre del Paquete "Package name".
  
• Has click en "Create"
  
• Ahora verá un modal con la identificación del cliente.
  

Entonces *Ahora que ya tienes googleIOSId y también googleAndroidID configuralos a tu React App Builder en los campos que tienen por nombre googleIOSId y googleAndroidID.

Ordenes

Desde aquí, puedes administrar y cambiar la configuración de todos los pedidos..

La configuración del pedido incluye estas opciones [SendEmailOnOrder, SendToEmail]

Anuncios

Desde aquí puede administrar y cambiar todas las configuraciones de los Anuncios.

Las Configuración de los Anuncios incluyen las siguientes opciones [BannerID, InterstitialID, IsTesting, ShowBannerAds, ShowinterstitialAds]

En este link podrás crear tus banners e interstitiales. Cuando ya tengas los ids por favor introduce los codigos en BannerId and InterstitialId.

PayPal

Desde aquí puede administrar y cambiar todas las configuraciones de pago de PayPal.

La configuración de pago de PayPal incluye estas opciones [AcceptPayments, Cancel url, City, Clientid, Country code, Currency, IncludeShippingInfo, Postal code, Return url, SandBoxMode, SecretKey, State]

Crear una cuenta de Paypal

En este link podrás crear tu cuenta PayPal. Y luego crea allí una Paypal Merchant Account. Después de crear la cuenta, debes configurar los campos en tu React App Builder.