Appseed

Mviles y aplicaciones back-end

appseed.io

Conferencia inico 1.3 Documentacin

Gua de inicio rpido - Instalacin y soporte al usuario

Creado el 12 enero, 2017 Gracias por adquirir nuestro producto. Si usted

Actualizado el 22 marzo, 2017 tiene cualquier pregunta que estn ms all del
Por: AppSeed, http://appseed.io/ alcance de esta ayuda, por favor no dude en
enviar por correo electrnico a travs de
nuestrocentro de Apoyoformar. Gracias!

Tabla de contenido:

Qu hay en el paquete

(Preparados por primera vez) la preparacin de su medio ambiente local

NodeJS
Crdoba y jnico
Herramientas

Ejecutar por primera vez

Descargar y extraer
instalar bibliotecas
Posterior a la instalacin
Usuarios de Windows
plugins

Ejecutar / Generar la aplicacin (despus de los preparativos por primera vez)

Ejecutar un servidor de desarrollo local
Ejecutar en el emulador
Construir la aplicacin para plataformas especficas

Personalizar la aplicacin

Configuracin
Las fuentes de datos Creacin
firebase
Crear una aplicacin de Firebase
Crear / Aadir datos
Definicin de permisos de base de datos
Configuracin de fuente de datos de base de fuego
fuentes de datos JSON
 Appseed
Mviles y aplicaciones back-end
appseed.io

Temas - Personalizar la apariencia

Activar un tema

Notificaciones push
Crear perfiles de seguridad
plugins
Establecer las credenciales de la plataforma jnico
Identificacin del set GCM
Enviar una notificacin de insercin

Apoyo
Referencias / Enlaces:

Gracias
 Appseed
Mviles y aplicaciones back-end
appseed.io

Qu hay en el paquete
Despus de la extraccin, el archivo .zip descargado se ve as:

Contiene:
1. Gua de inicio rpido: Documentacin con instrucciones sobre cmo instalar,
configurar y personalizar las aplicaciones.
2. carpeta de licencias: Trminos y condiciones de uso, reproduccin y distribucin de
esta pieza de software.
3. Carpeta de proyecto: Incluye un proyecto inica / Cordova basado ronco. Este es el
proyecto que se sugiere que se utilizar para el desarrollo. Adems, todas las
instrucciones en este documento se refieren a esta carpeta.
4. carpeta de destino: Incluye un proyecto inica generada. Esta es una versin
simplificada del proyecto basado en automatismos ronco y dependencias relacionadas
con todo el ronco son despojados a cabo.
Nota: Para las instrucciones de este documento, utilizaremos carpeta del proyecto.

(Preparados por primera vez) la preparacin de su medio

ambiente local

NodeJS
Asegurarse primero de queNodeJSest instalado en su ordenador. Si NodeJS no est
instalado, instale la versin 6.x de nodo.
Para obtener ms informacin, consulte el Introduccin a IonicSeccin, en el sitio oficial
inico.

Crdoba y jnico
Esto es unCrdoba y Inico aplicacin basada, por lo Cordova y Inicodebe ser instalado en
su ordenador para que esta aplicacin se ejecute. Desde esta aplicacin se dirige a los
 Appseed
Mviles y aplicaciones back-end
appseed.io

dispositivos mviles iPhone y Android, su entorno debe estar configurado correctamente y el

SDK correspondiente debe ser instalado. Si no es as, usted ser todava capaz de ejecutar la
aplicacin en un navegador.

Por favor, checa el "Comienza con CrdobaYIntroduccin a Ionicsecciones en los sitios

oficiales Cordova y jnico, respectivamente.

Herramientas
Este proyecto se basa en el popular Generador Marco inicaQue impulsa el proceso de
desarrollo mediante la integracin de un par de herramientas de automatizacin muy populares
comoGruido y Cenador.

Instalar estas herramientas siguiendo las instrucciones de sus pginas web correspondientes:
1. instalar Bower
2. Primeros pasos con ronco - Instalar la CLI

Ejecutar por primera vez

En las capturas de pantalla que siguen, vamos a demostrar el proceso de preparacin del entorno
y ejecutar el proyecto por primera vez.

Descargar y extraer
Descargar el archivo .zip proporcionado y extraerlo, ver algo similar a lo que se muestra en la
siguiente pantalla:

La carpeta resaltada es el directorio del Proyecto inico.

 Appseed
Mviles y aplicaciones back-end
appseed.io

instalar bibliotecas
Abra una ventana de terminal y vaya al directorio proyectar e instalar dependencias nodejs:

$ NPM instalar

Posterior a la instalacin
Hay un proceso de instalacin posterior en virtud del cual necesarios estn instalados los plugins
Cordova y dependencias de JavaScript. Para simplificar este proceso dos guiones ya estn
preparados para ambas plataformas: Linux / MacOS y Windows

Linux / MacOX
Instalar todos los plugins necesarios y dependencias de JavaScript:

$ ./install.sh

Usuarios de Windows
Del mismo modo, los usuarios de Windows deben ejecutar:
$ install.bat

plugins

Desde Crdoba viene con un conjunto mnimo de API, se aaden complementos en este
proyecto con el fin de ser parte de algunas caractersticas de la aplicacin. Por ejemplo, los
plugins se utilizan para permitir que la aplicacin acceda a hardware y el sistema operativo del
dispositivo, como el teclado y la ubicacin del dispositivo. Puede encontrar la lista completa de
los plugins necesarios y su funcionalidad en el archivo en la carpeta README.md proyecto.
Instalar los plugins necesarios con los comandos que siguen:

$ Cordova plugin de aadir {nombre del plugin o url}

p.ej:

$ Cordova Cordova aadir plug-in-plugin-inappbrowser

Ejecutar / Generar la aplicacin (despus de los preparativos

 Appseed
Mviles y aplicaciones back-end
appseed.io

por primera vez)

Ejecutar un servidor de desarrollo local

Navegar hasta la carpeta proyectar y ejecutar la aplicacin en el navegador:

$ Ronco servir --lab

Una ventana del navegador se abrir con dos dispositivos virtuales del uno al lado del otro.

Tambin puede abrir la aplicacin en una sola ventana del navegador, comenzando con el
comando:

$ Ronco servir
 Appseed
Mviles y aplicaciones back-end
appseed.io

Ejecutar en el emulador
En primer lugar hay que aadir la plataforma preferida. En este caso iOS:

$ Plataforma ronco: aadir: IOS

Ahora la aplicacin est lista para comenzar dentro de un simulador:

ronco emular: IOS

El simulador de iPhone se lanzar la aplicacin y gua de la ciudad inico se iniciar.

Construir la aplicacin para plataformas especficas

Con el fin de construir todas las plataformas aadidas, ejecute el comando:
 Appseed
Mviles y aplicaciones back-end
appseed.io

$ Ronco acumulacin

Con el fin de construir la plataforma Android, ejecute el comando:

$ Ronco construccin: androide

Con el fin de construir la plataforma iOS, ejecute el comando:

$ Ronco construccin: ios

Despus de la construccin de su proyecto, [www] carpeta ser creada, que es el directorio real
Crdoba y donde se debe instalar todos los plugins y bibliotecas necesarias.

Personalizar la aplicacin
Una vez que se familiarice con la aplicacin, el primer paso es para personalizarlo. Con el fin de
hacer esto, edite los archivos ionic.config.json y config.xml y sustituir los campos resaltados:

ionic.config.json

config.xml

En cuanto a la APP_ID, utilice el ID de la aplicacin coresponding en su ionic.io cuenta.

 Appseed
Mviles y aplicaciones back-end
appseed.io

Configuracin

Las fuentes de datos Creacin

firebase
Esta aplicacin utiliza Firebase como backend para leer el contenido de los datos que necesita.
En esta seccin, encontrar todos los pasos necesarios para la configuracin de aplicaciones
con el fin de estar conectado con Firebase.

Crear una aplicacin de Firebase

En primer lugar se debe crear una cuenta de Firebase libre y crear una nueva aplicacin all.
 Appseed
Mviles y aplicaciones back-end
appseed.io

Crear / Aadir datos

Manejo de los datos de la aplicacin haciendo clic en la aplicacin y seleccionar base de
datos en el men lateral.

A continuacin, seleccione la opcin Importar JSON en el men para importar los datos.
 Appseed
Mviles y aplicaciones back-end
appseed.io

Hay un ejemplo de archivo JSON bajo la ruta / _firebase / liberacin miscelneos que puede
ser importado al proyecto Firebase creado en el paso anterior. Este archivo indica la estructura
de datos apropiada.

Definicin de permisos de base de datos

Con el fin de permitir que la aplicacin lea todos los datos que haya creado en la base de
datos, debe establecer los permisos navegando a la pestaa Reglas y pegar las siguientes
reglas:
{
"reglas": {
".read": "true",
".write": "auth = null"
}
}
 Appseed
Mviles y aplicaciones back-end
appseed.io

Configuracin de fuente de datos de base de fuego

Para establecer el proyecto Firebase la aplicacin va a trabajar, debe establecer la variable
dataProvider como base de fuego y definir el apikey, authDomain y databaseURL en
Gruntfile.js:

Gruntfile.js

Con el fin de encontrar el apikey, authDomain y databaseURL seleccionar Autenticacin

en el men lateral de la consola Firebase y, a continuacin, haga clic en Web Setup:
 Appseed
Mviles y aplicaciones back-end
appseed.io

fuentes de datos JSON

En caso de que haya escogido Firebase como proveedor de datos de la aplicacin, puede omitir
esta seccin. De lo contrario, esta seccin le guiar a fin de que la aplicacin lea los datos que
necesita de una fuente remota que no sea local o Firebase. En este caso, las fuentes deben ser
archivos JSON ubicadas de forma local o en un servidor remoto.

El ejemplo del archivo JSON que se puede utilizar con el fin de alimentar a la aplicacin con
datos desde el sistema de archivos aplicacin o un servidor remoto en lnea es:

proyecto / misc / data.json

En caso de que elija a buscar a los datos del sistema de archivo de la aplicacin, se debe localizar
el archivo en la carpeta data.json miscelneos y establecer la variable dataProvider como
LOCAL en el Gruntfile.js. Asegrese de que se quite las lneas relacionadas, como se muestra
a continuacin:
 Appseed
Mviles y aplicaciones back-end
appseed.io

En caso de que elija para recuperar los datos desde un servidor remoto en lnea, en el archivo
Gruntfile.js establecer el dataProvider variable como REMOTO. Asegrese de que se quite
las lneas relacionadas y establecer la direccin URL a la carpeta donde se encuentra el
archivo data.json.
 Appseed
Mviles y aplicaciones back-end
appseed.io

Temas - Personalizar la apariencia

Barebone inico aplicacin viene con opciones de temas listos para ser utilizados. Cada tema
consta de dos archivos .scss:
1. Variables: {tema} -var.scss
2. Anulaciones: {tema} .scss
Estos archivos se encuentran en app / estilos / ruta y se utilizan en el archivo main.scss en un
tema puede ser activado como se describe en la siguiente seccin.

Activar un tema

Con el fin de activar un archivo main.scss tema, de edicin, en app / estilos / ruta y elimine el
tema que optar. Por ejemplo, en el caso de seleccionar Ocano tema, debe descomentar las
lneas que muestran a continuacin:

main.scss

Guarde los cambios y el tema es todo listo.

Notificaciones push
Antes de seguir adelante por favor, compruebe la documentacin relacionada proporcionada
por Inico:
https://docs.ionic.io/services/push/
 Appseed
Mviles y aplicaciones back-end
appseed.io

Crear perfiles de seguridad

En primer lugar, se debe crear un perfil de seguridad con las credenciales de empuje para
Android. Para mayor informacin por favor visitedocumentacin oficial inica. Del mismo modo,
se debe crear un perfil de seguridad para iOS como eldocumentacin inica describe.

plugins
Instalar los plugins necesarios utilizando el siguiente comando con su SENDER_ID:

$ Cordova plugin de aadir PhoneGap-plugin-push --variable SENDER_ID =

12341234

Para encontrar el ID del remitente, visite a su proyecto sobre Firebase y seleccione

Configuracin del proyecto desde el icono de configuracin en el men lateral. A continuacin,
seleccione la pestaa de mensajera en la nube y copiar su ID de remitente.

Establecer las credenciales de la plataforma jnico

Por favor, confirme que ya ha creado una aplicacin en https://apps.ionic.io y que ha
configurado correctamente el ionicAppId de su aplicacin en los Gruntfile.js
 Appseed
Mviles y aplicaciones back-end
appseed.io

Identificacin del set GCM

Tenga en cuenta que con el fin de empujar las notificaciones a los dispositivos Android
registrados, tendr que ajustar la gcmId (Sender ID) en Gruntfile.js como se muestra a
continuacin:
 Appseed
Mviles y aplicaciones back-end
appseed.io

Enviar una notificacin de insercin

Por favor, tenga en cuenta que puede enviar notificaciones push slo a dispositivos reales.
Para enviar una notificacin utilizando la interfaz de usuario dePlataforma inica, Simplemente,
crear una nueva notificacin de insercin.
 Appseed
Mviles y aplicaciones back-end
appseed.io

Apoyo
 Appseed
Mviles y aplicaciones back-end
appseed.io

Con respecto a las cuestiones tcnicas, nuevas ideas y sugerencias, es posible utilizar la forma
dedicada y elegir el producto su pregunta se refiere a:
http://support.appseed.io/customer/portal/questions/new

Referencias / Enlaces:
Canal de Youtube
Peridicamente, demostraciones en vdeo y tutoriales relacionados con este producto
se publicarn en este canal de YouTube.
Pgina de usuario Codecanyon
Puede ponerse en contacto con nosotros a travs de nuestra pgina de usuario en
Codecanyon.
Gua de inicio rpido
La versin en lnea de este documento.

Gracias
Gracias de nuevopara la compra de nuestro producto. Si tienes alguna pregunta que estn
ms all del alcance de esta ayuda, por favor no dude en enviar por correo electrnico tambin
a travs de nuestracentro de Apoyo formar.

--- El equipo Appseed.