JavaScript

Consumo de Web API desde entorno cliente

En este post vamos a tratar de explicar de forma práctica el consumo de forma asíncrona en entorno cliente de una web API pública. Para ello vamos a hacer uso de la tecnología AJAX. También vamos a crear de forma dinámica elementos de HTML basándonos en JavaScript. De esa forma vamos a conseguir mostrar al usuario datos de forma dinámica de una forma vistosa. Al trabajar de forma asíncrona consumiendo una API conseguimos por un lado liberar a nuestro servidor de carga, ya que es el usuario y la API los que reciben…continue reading →

Web Socket SignalR en ASP.NET MVC

ÍNDICE1. INTRODUCCIÓN2. CASO PRÁCTICO2.1. Creación del proyecto 2.2. Instalación del paquete SignalR 2.3. Creación y modificación de archivos2.4. Ejecución de la aplicación 3. CONCLUSIÓN 1. INTRODUCCIÓN En este post se va a mostrar cómo usar la biblioteca SignalR en una aplicación web ASP.NET MVC para simplificar la creación de una funcionalidad en tiempo real de la misma abstrayéndonos de usar WebSocket directamente. Para entender el problema es importante entender qué hace SignalR y en qué tipo de aplicaciones se usa. Esta biblioteca simplifica el proceso de crear aplicaciones web con funcionalidad en tiempo…continue reading →

Web Api con paginación de registros

Buenas. Vamos a generar un Web Api que devuelva un conjunto de registros ya paginados. Utilizaremos una sola tabla de una BBDD porque lo importante no es de dónde obtener los datos, sino como ofrecerlos al Cliente. Partimos de una BBDDD con una tabla que contiene 14 registros, en este caso un listado de Productos: Creamos con Visual Studio un proyecto WebApi al que llamaremos WebApiPaginacion. Dentro de la carpeta Model añadimos un nuevo objeto Entity Framework llamado EntityProductos. Incluimos nuestra cadena de conexión a la base de datos y recuperamos la tabla…continue reading →

Web API con métodos de acción y consumo Cliente

En esta entrada vamos a ver cómo crear una Web API con métodos de acción CRUD (Create, Read, Update, Delete), y a consumirla desde el lado Cliente, en este caso una aplicación MVC. Utilizaré Visual Studio 2015 y Entity Framework para acceder a los datos. Lo primero es saber qué es una Web API: Una API es una estructura o sistema que facilita la creación de servicios HTTP que pueden ser consumidos por una amplia variedad de clientes, desde exploradores a dispositivos móviles. Para este ejemplo, utilizaré la tabla DEPT de la siguiente…continue reading →

Web API con métodos de acción y consumo C#

Introducción a ASP.NET Web API ASP.NET Web API (acrónimo de Application Programming Interface) es un framework para construir servicios basados en HTTP. ASP.NET Web API Framework no obliga a usar cualquier estilo de arquitectura específico para crear servicios, aunque se usa mucho para crear servicios RESTful. Servicios RESTful Los servicios RESTful (acrónimo de Representational State Transfer) introducido por primera vez en el año 2001. REST es un modelo de arquitectura para crear API y que usa HTTP para comunicarse. El modelo de arquitectura REST tiene ciertas restricciones que un sistema debería cumplir que…continue reading →

WEB API CONFIGURAR SALIDA JSON

* Vamos a realizar una aplicación WEB API en la que formatearemos la salida de la respuesta JSON para ser consumida por un cliente. * Personalizaremos el formato de salida de los datos y también de los elementos que deseamos exponer en algún método en particular. * Realizaremos la aplicación mediante Entity Framework y la tabla datoscliente, para ampliar el tipo de búsquedas. Nos crearemos un proyecto nuevo MVC llamado Api Formato JSon. Creamos un proyecto Empty y seleccionamos las librerías de tipo Web API.     Sobre Models, agregamos un nuevo elemento…continue reading →

AJAX + MVC Navegación entres vistas de manera fluida

Para empezar esta serie de tutoriales, en este post aprenderemos a utilizar la tecnología AJAX en nuestras aplicaciones web ASP.NET MVC de Visual Studio 2015. Existen multitud de usos de la tecnología AJAX, en este post nos centraremos, por ejemplo, en cómo crear un sistema con el que ir cargando las vistas de manera fluida, sin recargar el navegador de una vista a otra, dando una sensación agradable de navegación continua y sin interrupciones. En primer lugar, crearemos nuestra aplicación de la manera habitual, haciendo click en “File”, “New” y seleccionando “ASP.NET Web…continue reading →

Implementar Plugins JQuery con MVC

Utilizar plugins JQuery en un proyecto MVC En esta entrada veremos cómo implementar plugins de terceros en nuestro proyecto ASP.NET con MVC. Es muy sencillo utilizar plugins de terceros, en este caso utilizaré de ejemplo el plugin inputDrag, que sirve para incrementar o disminuir el valor de un input haciendo click encima y deslizando el raton hacia la derecha o izquierda, tal y como podeis probar aquí: Demo. Hay que tener en cuenta que cada plugin es diferente, por lo que los archivos que necesitaremos serán diferentes en cada caso (Archivos JavaScript, CSS...), exceptuando JQuery,…continue reading →

SignalR con MVC

En este post, vamos a dedicar un espacio a una gran librería open source, que próximamente formará parte de la gran familia asp.net. Es una biblioteca desarollada por Damian Edwards y David fowler que forman parte del equipo de asp.net, y simplifica el proceso para crear aplicaciones que respondan en tiempo real entre cliente y servidor, y así de esta forma, obtenemos una comunicación de tipo bidireccional. A lo que nos referimos diciendo con una comunicación en tiempo real, es la capacidad de enviar código desde el servidor a los clientes conectados sin…continue reading →

Integración de editores WySiwyG en ASP.Net MVC – TinyMCE

Este tipo de editores son simples editores HTML de texto enriquecido, también llamados editores Wysiwyg (What You See Is What You Get). La integración de estos editores en los “textarea” de nuestra aplicación Web da al usuario facilidad para enriquecer el texto a enviar, ya sea con imágenes, sangrías, colores de texto, y otras muchas opciones que nos ofrecen. Existen gran variedad de editores Open Source como TinyMCE, openWysiwig o CKEditor, muy potentes y de fácil integración en nuestro código. TinyMCE Es uno de los editores de código abierto más populares, por su…continue reading →