Ir al contenido principal

Consumir servicio WCF - Fase IV

Siguiendo con los apartados de servicios WCF - ahora implementaremos una aplicación Asp.Net MVC para saber el cómo consumir un serivicio WCF.

Requisitos:
  • Visual Studio .Net 2010.
  • Framework 4.
  • Ajax, JQuery, JSON
  1. Iniciamos creando nuestro proyecto de tipo ASP.NET MVC 4 Web Application - desde la carpeta FrontEnd.



  2. Seleccionamos el template basic de MVC.

  3. Estructura de nuestro proyecto MCV - creado.

  4. Ahora creamos el controllers - con nombre Home.


    Determinamos el nombre
  5. Luego creamos el view - clic derecho en index de la clase del controller.


    En mi caso mantendré el mismo nombre que el controller

    Estructura de nuestro view creado
  6. Ahora iniciamos haciendo referencia al servicio que anteriormente se creo y publico - determinamos con nombre ServiceUbigeo.

  7. Ubicamos haciendo clic Discover - asignamos el nombre de ServiceUbigeo


    Servicio referenciado desde nuestro proyecto MCV
    1. Consideraciones: Al crear uno o varios servicios en nuestro archivo Web.config de manera automática se adicionara los endpoint que determinar la ruta para el compartimiento de información entre las parte involucradas en un servicio.
    
        
          
            
          
        
        
          
            
              
            
          
        
      
    
    
  8. Ahora adicionamos es nuestro modelo (ClassModelo.cs) los siguiente atributos.
    Favor de considerar los comentarios que están en el código fuente - color verte - partiendo desde este punto.

    public class UbiDepartamento //Cambiamos a UbiDepartamento (parecido a la entidad de la base de datos)
        {
            //Sólo adiciono los atributos que se manipulara
            public string CodDepartamento { get; set; }
            public string DesDepartamento { get; set; }
        }
    
  9. Ahora implementamos en nuestro controller el método que nos permitirá consumir el servicio a la cual hacemos referencia - el HttpPost y el JsonResult se entrará al detalle en otro apartado.
    [HttpPost]
            public JsonResult GetAllDepartamento()
            {
                try
                {
                    using (var client = new Service1Client())
                    {
                        List result = new List();//Invocamo a la entidad de nuestro modelo
                        var preResult = client.GetDepartamentoDataList();//Invocamos al método que es parte del servicio ubigeo
    
                        if (preResult != null && preResult.ToList().Count > 0)//validar la existencia de datos
                            foreach (var item in preResult) //recoremos los valores
                            {
                                result.Add(new UbiDepartamento //y vamos adicionando en nuestro modelo segun los atributos
                                {
                                    CodDepartamento = item.COD_DEPARTAMENTO.ToString(),
                                    DesDepartamento = item.DES_DEPARTAMENTO.ToString()
                                });
                            }
    
                        return Json(result, JsonRequestBehavior.AllowGet); //retornamos los valores recuperados
                    }
                }
                catch (Exception)
                {
                    throw;
                }
            }
    
  10. Para este caso solo implementaremos la carga de datos en un HTML input de tipo select que haremos uso de Ajax y JQuery con tipo de dato JSON.
    $(document).ready(function () {
    
        $.ajax({
            url: "Home/GetAllDepartamento",
            type: "POST",
            dataType: "json",
            data: "{}",
            success: function (data) {
    
                if (data == null) {
                    alert('Disculpe, No hay departamentos que mostrar.');
                    return
                } else {
                    for (var i = 0; i < data.length; i++) {
                        $("#SltDepartamento").append("");
                    }
                }
            },
            error: function (jqXHR, status, error) {
                alert('Disculpe, existió un problema');
            }
        });
    
    });
    
  11. Y para finalizar implementamos HTLM en el _Layout.cshtml  para poder mostrar los datos que nos devuelve el servicio.

    Resultado del servicio que estamos consumiendo
Proyecto C#

Comentarios

Entradas más populares de este blog

Habilitar Usuario HR Oracle

Al realizar la primera instalación del Oracle, el usuario HR por defecto está bloqueado y por ende no podemos loguearnos como dicho usuario, lo que debe hacer son los siguiente pasos, aplicables para Linux o Windows. 1. Conectarse como usuario system o sysdba + contraseña haciendo uso del comando connect . Usuario : system Password : xxxx  2. Hacer uso  del comando alter user hr account unlock desbloqueamos la cuenta. alter user hr account unlock; 3. Escribimos el comando alter user HR identified by hr; con esto estamos diciendo que la contraseña será hr. alter user HR identified by hr; 4. Ahora testeamos la conexión con el comando - conn hr/hr@xe . Si deseas después de conectarnos se puede realizar un select a la tabla employees del hr . Resultado del select realizado 5. Con todos estos pasos realizados ya podemos logearnos desde cualquier IDE como el usuario hr  y la contraseña hr que definimos en el paso 3.  Para finalizar nos logue

Usuario SYS y SYSTEM - ORACLE

Usuario SYS y SYSTEM Ambos usuario son creados de forma automática al crear la base de datos ORACLE y se  otorga el rol de DBA. SYS (password por defecto: CHANGE_ON_INSTALL). SYSTEM (password por defecto: MANAGER). Lo que se recomienda es cambiar el password de ambos usuarios por el tema de seguridad. SYS: Todas las tablas y vistas para el diccionario de datos de la base de datos están almacenados en el esquema SYS. Estas tablas y vistas son críticas para el funcionamiento de la base de datos ORACLE. Para mantener la integridad del diccionario de datos, las tablas del esquema SYS son manipulados solo por la base de datos. Nunca se debería modificar algo o crear tablas en el esquema del usuario SYS. SYSTEM: El usuario SYSTEM se utiliza para crear tablas y vistas adicionales que muestran información administrativa, tablas internas y vistas utilizado por varias opciones y herramientas de la base de datos ORACLE . No se recomienda  utilizar el esquema SYSTEM para almacenar t

Parámetro de entrada y salida – PL/SQL

Parámetro de entrada y salida – PL/SQL: Los parámetros de entrada y salida no son los parámetros de inicialización de la base de datos ORACLE. Los parámetros de entra y salida son utilizados mayormente en implementaciones de funciones, procedimientos almacenados o bloques de código bajo el lenguaje del PL/SQL, se considera que ambos parámetros (entra y salida) puedan realizar operaciones en el mismo bloque PL/SQL, es decir, si enviamos un parámetro de entrada hará que cumpla cierta operación y retornara los valores de salida de dicha operación procesada de acuerdo al parámetro de ingresado. Es de acuerdo al caso que nos presenta en la implementación. Algo importante al definir los parámetros, es saber y considerar cuántos tipos de parámetro existe si solo hablamos de entrada y salida, en realidad mi determinación seria 3 tipos: Parámetros: IN – entrada OUT – salida IN OUT – entrada salida Parámetro IN – entrada: El comportamiento común de estés tipos de parámetros es estar s

ASP.NET Core - Implementando CRUD en MVC con C#

Hola a todos, antes de iniciar cualquier desarrollo e implementación de una aplicación web haciendo uso de este magnifico Framework - ASP.NET Core ; comenzaremos con el desarrollo del ya conocido CRUD (Create, Read, Update and Delete). Como ya es conocido por muchos que Microsoft está escalando grandes pasos hacia el software libre acompañado de su IDEs como Visual Studio y Visual Studio Code. Requisitos: Microsoft Visual Studio Community 2019 Microsoft .NET Core, ASP.NET Core 2.1 Microsoft SQL Server 2017 (RTM-GDR) - Express Edition (64-bit) Framework Bootstrap (para mejorar el diseño de nuestra aplicación) Framework  jQuery Validation (para la validación de lado del cliente) Aquí dejo todos los pasos a seguir: ASP.NET Core - CRUD en MVC con C# - Parte 1 ASP.NET Core - CRUD en MVC con C# - Parte 2 ASP.NET Core - CRUD en MVC con C# - Parte 3 Puedes descargar la fuente desde: Agradecer de antemano por la acogida de este nuevo artículo publicado acerca cómo Implemen

ASP.NET Core - Crear Web API con C# y EF

Que tal a todos, hoy quiero compartirles acerca de la creación de Web API con C# y EF, bueno comencemos con algo de explicación acerca de la arquitectura que se detalla en el diagrama (gráfica) de despliegue. La arquitectura esta compuesto básicamente por 4 nivel de infraestructura, quiere decir que se inicia con la interfaz del cliente , la Web API como tal, el servidor de aplicaciones donde se encuentra alojado la Web API y finalmente con el con el servidor  de base de datos donde se encuentra alojado la base de datos. Mencionar que esta arquitectura esta basado para On-Premise (en local), quiere decir que los servidores de aplicación y base de datos estarán dentro de la infraestructura de la organización (no cloud computing). Revisemos algo de teoría: API significa interfaz de programación de aplicaciones , es decir es un conjunto de definiciones y protocolos que se utiliza para desarrollar e integrar entre software de distintas aplicaciones, que nos permiten que sus