andrescheca / buscacomida

Busca precios y platos de comida de todo el país

Proyecto base de ejemplo de ionic y firebase

Proyecto utilizado de ejemplo para el curso de Desarrollo de aplicaciones híbridas.

FAQ

¿Qué es Ionic?

Ionic es un SDK (kit de desarrollo de software) de código abierto liberado bajo una licencia MIT. Esto significa que pueden utilizar Ionic en proyectos personales o comerciales de forma gratuita.

Instalación

Descargar VirtualBox:

• Virtual Box

Descargar una máquina virtual de Windows 10 para VirtualBox:

• Windows 10

Instalar Google Chrome

• Google Chrome

Instalar Sublime Text con Package Control y Cobalt2 Theme (opcional)

• Sublime Text 3
• Package Control
• Cobalt 2 Theme (opcional)
• Instalar Emmet desde "install package"

Instalar Git

• Git

Instalar ConsoleZ (opcional)

• ConsoleZ (opcional)

Instalar NodeJS

• NodeJS

Instalar cordova y ionic

sudo npm install -g cordova
sudo npm install -g ionic

Instalar Java JDK

• Java JDK

Instalar Apache Ant

• Apache Ant

Instalar Android SDK

• Android SDK

Seguir las instrucciones:

Windows users developing for Android: You'll want to make sure you have the following installed and set up.

####Documentación del sitio web de ionic:

NOTE: Whenever you make changes to the PATH, or any other environment variable, you'll need to restart or open a new tab in your shell program for the PATH change to take effect.

Java JDK

Install the most recent Java JDK (NOT just the JRE).

Next, create an environment variable for JAVA_HOME pointing to the root folder where the Java JDK was installed. So, if you installed the JDK into C:\Program Files\Java\jdk7, set JAVA_HOME to be this path. After that, add the JDK's bin directory to the PATH variable as well. Following the previous assumption, this should be either %JAVA_HOME%\bin or the full path C:\Program Files\Java\jdk7\bin

Apache Ant

To install Ant, download a zip from here, extract it, move the first folder in the zip to a safe place, and update your PATH to include the bin folder in that folder. For example, if you moved the Ant folder to c:/, you'd want to add this to your PATH: C:\apache-ant-1.9.2\bin.

Android SDK

Installing the Android SDK is also necessary. The Android SDK provides you the API libraries and developer tools necessary to build, test, and debug apps for Android.

Cordova requires the ANDROID_HOME environment variable to be set. This should point to the [ANDROID_SDK_DIR]\android-sdk directory (for example c:\android\android-sdk).

Next, update your PATH to include the tools/ and platform-tools/ folder in that folder. So, using ANDROID_HOME, you would add both %ANDROID_HOME%\tools and %ANDROID_HOME%\platform-tools.

Instalar SDK de android

• SDK Tools
• SDK PlatformTools
• SDK BuildTools
• 6.0.0 SDK API 23
• Google USB Driver

Crear el proyecto y no crear cuenta en ionic.io

ionic start buscacomida sidemenu

Ingresar a la carpeta del proyecto y agregar android como plataforma

cd buscacomida
ionic platform add android

Modificar el archivo package.json e instalar bower

El comando sudo solo es para máquinas en Linux o OSX

sudo npm install -g bower

Instalar firebase

ionic add firebase

Instalar angularfire y ngCordova

ionic add angularfire
ionic add ngCordova

Instalar plugins de cordova y ionic

cordova plugin add https://github.com/katzer/cordova-plugin-local-notifications.git
cordova plugin add https://github.com/EddyVerbruggen/Toast-PhoneGap-Plugin.git
cordova plugin add cordova-plugin-vibration
cordova plugin add cordova-plugin-whitelist 
ionic plugin add cordova-plugin-inappbrowser
ionic add ng-cordova-oauth
bower install --save-dev jssha#1.6.0

Cambiar información en package.json, bower.json y config.xml

Lanzar la vista de lab

ionic serve --lab

Utilizar Componentes de Ionic

• Componentes de Ionic

Utilizar twitter para iniciar sesión

• Twitter Apps