Hoy te muestro como crear un web api en Asp.Net y Visual Studio, ya vimos en pasadas ocasiones como crear un web service con WCF y también como crear y consumir un web service asmx en asp.net es el turno hoy de web api. Web Api viene de la mano con Asp.Net MVC y es una versión ligera para crear servicios http Rest fácil y rápido, entre esta enredadera de web services, tipos de web services, lenguajes y demás el día de hoy toca ver una introducción a web api donde crearemos un servicio http para poner a disposición información de una base de datos de Productos la cual sera consumida por una pagina html con javascript, jquery, ajax, etc… permitiendo obtener los registros y agregar nuevos a la base de datos mediante web api de (dot)NET.
Sigue paso a paso el video tutorial para saber como crear un web api en Asp.Net en Visual Studio,
Producto.cs
namespace WebApiTutorial.Models
{
public class Producto
{
public int ID { get; set; }
public string Nombre { get; set; }
public decimal Precio { get; set; }
public int UnidadesEnAlmacen { get; set; }
}
class ProductosDbContext : DbContext
{
public DbSet<Producto> Productos { get; set; }
}
}
¿Necesitas aprender algo nuevo ? Ve a Udemy, busca el tema del que quieres aprender, selecciona el curso para ti y continua con tu aprendizaje.
Udemyindex.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Productos</title>
</head>
<body>
<div>
<h2>Todos los Productos</h2>
<ul id="productos"></ul>
</div>
<div>
<h2>Agregar Nuevo Producto</h2>
<input type="text" id="input_nombre" size="20" />
<input type="text" id="input_precio" size="20" />
<input type="text" id="input_unidades" size="20" />
<input type="button" value="Agregar" onclick="add();" />
</div>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
<script>
var url = 'services/Productos';
$(document).ready(function () {
$.getJSON(url)
.done(function (data) {
$.each(data, function (key, item) {
$('<li>', { text: formatear(item) }).appendTo($('#productos'));
});
});
});
function formatear(item) {
return item.Nombre + ' $' + item.Precio + ' -> Unidades en Almacen: ' + item.UnidadesEnAlmacen;
}
function add() {
var nombre = $('#input_nombre').val();
var precio = $('#input_precio').val();
var unidades = $('#input_unidades').val();
if(nombre != "" && precio != "" && unidades != ""){
var Producto = {
Nombre: nombre,
Precio: precio,
UnidadesEnAlmacen: unidades
};
var info = JSON.stringify(Producto);
$.ajax({
url: 'services/Productos',
cache: false,
type: 'POST',
contentType: 'application/json; charset=utf-8',
data: info,
dataType: 'json',
success: function (data) {
alert("El registro se agrego con exito!.");
location.reload();
}
}).fail(
function (xhr, textStatus, err) {
alert(err);
}
);
}else{
alert("Todos los campos son obligatorios.");
}
}
</script>
</body>
</html>