Desarrollar un backend de servicios REST para una aplicación Angular 1.x

Artículo

Joel Espinoza · 2 jul, 2019 Lectura de 3 min

#Angular #CSP #JSON #API REST #Frontend #Caché

Resulta que un día estás trabajando en Widgets Direct, distribuidor líder de widgets y accesorios, y tu jefe te pide que desarrolles un nuevo portal dedicado a los clientes, el cual permita que la cartera de clientes tenga acceso a la siguiente generación de widgets... y él quiere que utilices Angular 1.x para comunicarte con el servidor Caché del departamento.

Solamente hay un problema: Nunca has utilizado Angular y no sabes cómo hacer que se comunique con Caché (o IRIS).

En esta guía veremos cómo se realiza todo el proceso de configuración de un conjunto de subsistemas en Angular, el cual se comunica con un backend de Caché utilizando JSON para llamar un API REST.

Esta es la página principal de una serie que incluye varias partes sobre la creación de una aplicación con Documentos-Angular1x-REST-JSON-Caché. La lista de artículos disponibles es la siguiente:

Artículo	Enlace
Parte 1 - Configuración y Hello World	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-1-many
Parte 2 - "De modo que tu jefe te gritó por enviarle una página web con un Hello World sin formato" o por trabajar con JSON	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-2
Parte 3 - Vamos a iterar con algunos conjuntos y ng-repeat	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-3
Parte 4 - Aplicación en la IU	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-4
Parte 5 - Manipulemos nuestros Widgets	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-5
Parte 6 - Regresemos a los Datos persistentes	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-6
Parte 7 - Las cosas van a romperse	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-7
Parte 8 - Puntos extra por el rompimiento	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-8
Parte 9 - Veamos un poquito de CRUD	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-9
Parte 10 - Reconociendo los méritos de EDIT	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-10
Parte 11 - Modificar nuestro formulario	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-11
Parte 12 - WWWidgets	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-12
Parte 13 - Cómo crear un Widget	https://community.intersystems.com/post/lets-write-angular-1x-app-cach%C3%A9-rest-backend-part-13

Requisitos previos

En estos ejemplos se utilizó Caché 2016.2, donde se implementó una nueva sintaxis para manejar el contenido en JSON. En Caché 2016.1 había soporte preliminar para JSON, pero la sintaxis es diferente e incompatible con las versiones posteriores. El código que se mostró en estos ejemplos fue escrito de una forma que pueda adaptarse fácilmente a la sintaxis de 2016.1, ya que no se utilizó ninguna de las funciones extendidas de JSON
- Aunque hay cierto grado de compatibilidad con REST y JSON en las versiones anteriores, recomiendo ampliamente conocer más sobre la versión 2016.1 como un requisito mínimo.
En este tutorial no veremos Angular detalladamente. Pero hay muchos cursos excelentes sobre los Principios básicos de Angular, que están disponibles de forma gratuita en línea y se mencionan en las Partes 1 y 2.
Tanto AngularJS como Angular 2 y superiores son ampliamente compatibles con la tecnología InterSystems, ya sea Caché 2016.2 como IRIS 2019.1 permiten implementar APIs REST y WebServices con rapidez y simplicidad.

Enlaces

El código que se utilizó en estos ejemplos podrá consultarse en Github poco tiempo después de que se publique el artículo. Puedes tener acceso a él desde https://github.com/iscChris/CacheRESTStack

Ir a la publicación original, escrita por @Chris Stewart

Desarrollar un backend de servicios REST para una aplicación Angular 1.x con Caché - comencemos aquí