AngularJS : Ejemplo de factory con http AngularJs

Vamos a compartir un pequeño ejemplo de como implementar nuestras llamadas a los servicios REST por medio de factory de AngularJS, como sabrán el uso de factory nos ayuda bastante al momento de tener nuestra lógica ordenada y poder reutilizar código de manera correcta, donde tendremos nuestro archivo services.js y lo podremos estar invocado en cualquiera de nuestros controladores.

Imaginemos nuestro archivo services.js el cual tiene dentro de el una llamada a un servicio “obtenerAlumnos” esta llamada la podremos usar en los controladores que tengamos siempre y cuando inyectemos el factory a nuestro controlador, sin más por el momento les dejo el código para que quede más claro su funcionamiento.

index.html

Dentro de nuestro index.html lo único que tenemos son las llamadas a las librerías fundamentales de AngularJS junto con Bootstrap para darle un mejor estilo a nuestro ejemplo, aparte tenemos un <table> que es donde mostraremos la información obtenida por el servicio que implementaremos en nuestro factory.

services.js

En nuestro archivo services.js lo que tenemos es la definición de nuestro factory pasandole como parametro el servicio $http para generar nuestras peticiones, dentro de nuestro factory tenemos un return donde regresamos un objeto con diversos funciones implementadas con promesas, en nuestro caso solo regresamos 1, podemos tener varios separandoloes por ‘,’

main.js

En nuestro main.js tenemos la declaración de nuestro modulo AngularJS y pongamos atención en la inyección de nuestro factory donde pasamos como parámetro después de nuestro servicio $http, al momento de hacerlo veremos que podemos acceder a nuestras funciones dentro de nuestro archivo services.js.

listaAlumnosJSON.json

Implemente un pequeño archivo .json donde tenemos información de ejemplo la cual usaremos para nuestro ejemplo, obteniendo dicha información en la ejecución del servicio.

Como verán es bastante eficiente implementar factory en nuestros proyectos para así tener nuestro código ordenado y de manera eficiente, esto evita tener nuestras llamadas $http sueltos y sin organizar en nuestros controladores, a simple vista esté ejemplo fue muy básico sin embargo ustedes pueden implementar los servicios de manera más ordenada o agregarle mejores cosas.

 


Leave a Reply

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

*