Close

AngularJS: Login con Ionic y PHP

Uno de mis principales objetivos de aprender AngularJS era para meterme más al framework Ionic que viene siendo a fin de cuentas AngularJS y un CSS muy atractivo para visualizarlo en nuestros dispositivos moviles, que en lo personal desde que lo vi se me hizo muy interesante y hoy le mostrare un ejemplo de mi aplicación que estoy empezando a realizar con Ionic.

No voy a enseñarles como instalarlo puesto que es relativamente sencillo : lo puedes ver aqui

Yo genere un proyecto en blanco y lo maquete desde cero, algo que debo de aclarar es que yo genero mi proyecto que se sitúa en C:\Users\miUsuario\miProyecto  , en base a que en esta carpeta me lo genera NodeJS

Por lo cual mi archivo PHP(modelo index.php) esta situado en mi htdocs de mi XAMPP y es por ello que en mi controllador(app.js) envió los datos por medio de jsonp para no tener problema con los Access-Control-Allow-Origin

Mi Vista(index.html)

mi Controlador(app.js)

mi Modelo(index.php)

¿Como lo Corro en mi Computadora?

  1. Descargar el proyecto de aquí
  2. Descomprimirlo en  PATH que tenemos en nuestro NodeJS

instalar_proycto5_ionic_desarrollohidrocalido

  1. Abrimos la consola de windows y navegamos al proyecto descomprimido(cd miproyecto)

instalar_proycto_ionic_desarrollohidrocalido

  1. Prendemos nuestro Apache y MySQL

instalar_proycto2_ionic_desarrollohidrocalido

  1. Una vez dentro de nuestro proyecto de ionic recleamos lo siguiente : ionic serve

instalar_proycto3_ionic_desarrollohidrocalido

  1. y en eso empezara a compilar nuestro proyecto en el navegador.
  2. Por ultimo faltaría copiar la carpeta de llantas que esta precisamente dentro de llantas en nuestro htdocs

instalar_proycto6_ionic_desarrollohidrocalido

  1. Listo con esto debería de funcionar

instalar_proycto4_ionic_desarrollohidrocalido

 

Conclusión : El frameworj Ionic no tiene mucho, para el tiempo que lleva se ha visto que hace app muy robustas, ademas que tiene otra cosas interesantes como : no tienes que estar refrescando el navegador solo con guardar los cambios en tu sublime text , nodeJS los detecta y los aplica de inmediato =)
Así es que vamos con todo AngularJS !

11 thoughts on “AngularJS: Login con Ionic y PHP

  1. Hola amigo y si tengo la base de dato en un servidor la carpeta llanta es la que va estar en servidor?

    Pues veo que hay una carpeta modelo y una carpeta llanta con los archivos de conexión.

  2. Hola Francisco de pura casualidad el php si retorna algo ? intenta ponerle un echo a tu query y ejecútalo aparte para ver si te esta retornando algo, pero en si de pone el alert de Sin Data por algo de la programación de PHP.
    Saludos.

  3. Hola!

    Perfecto, me logueo, y como el template login.html es mi primer pantalla, cuando me salga de la app y quiera volver a entrar, tengo que volver a loguearme?. Como hago una sesion persistente, para que cada que abra la app no tenga que volver al formulario de login sino que entre directamente.

    Saludos!

  4. Hola amigo, a mi me ocurre el mismo que Francisco, siempre tengo el alert de “Sin data” este bien escrito o este mal escrito.
    funciona el php, haciendo echo..

    Ayuda por favor, muchas gracias

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.