Click here to Skip to main content
15,892,298 members
Articles / Programming Languages / C# 5.0
Tip/Trick

Create and Consume ASP.NET WebAPI Services - MVC

Rate me:
Please Sign up or sign in to vote.
3.40/5 (2 votes)
9 Aug 2015CPOL3 min read 41.4K   6   2
Basic steps to create ASP.NET WebApi services.

Introduction to WEBAPI

What is ASP.NET Web API? ASP.NET Web API is a framework which helps to create HTTP services. By using WebAPI, we can create RESTful web services.

RestFul service? REST stands for REpresentational State Transfer.It is an architectural style.
It communicate via HTTP verbs rather than SOAP-based services and do not require XML messages or WSDL service-API definitions.

REST permits different data format such as Plain text, HTML, XML, JSON etc that's why it can be used by multiple clients like mobiles, iphone and tablets browsers etc . Steps to create WebApi Service

1) Step 1: Create New project as given: We have kept project name as MyfirstWebvAPIservice.

Click on OK button.

Image 1

Once we click on OK button, we get option to select multiple template. You can select WEBAPI template as below:

Image 2

After selecting WebAPI template, click on OK button. Once you click on OK button, you will get project with default WEB API template.

Image 3

As in the above mentioned figure, you can see default controller named as ValuesController has been created which inherits ApiController. All default created methods are basically used for doing CRUD operations.Below are HTTP methods which we can be used while creating services as per requirement.

  1. GET
  2. POST
  3. DELETE
  4. PUT
  5. POST

To understand basic communication, we will use GET method first: Below are by default created GET methods inside ValuesController controller.

C#
//URL:- GET api/values
//Get method without parameter:-
public IEnumerable<string> Get()
{
return new string[] { "value1", "value2" };
}
//URL:- GET api/values/5
//Get method with single input parameter:-
public string Get(int id)
{
return "value";
}

Fetch Employee Information by Using Web API Service

Steps: We need to add employee class in model as below . We are currently using only two properties. You can add more properties as per your project requirement.

C#
// Any source code blocks look like this
//using System;
//using System.Collections.Generic;
using System.Linq;
using System.Web;
namespace MyFirstWebAPIService.Models
{
public class Employee
{
public int Employee_ID { get; set; }
public String Employee_Name { get; set; }
}

Once Employee class is added, now we have to use GET method with no input parameter to return employee details as below. I have commented existing GET method with no input parameter method and created new GET method as below:

C#
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Net.Http;
using System.Web.Http;
using MyFirstWebAPIService.Models;

namespace MyFirstWebAPIService.Controllers
{

public class ValuesController : ApiController
{
public string Get(int id)
  {
    return "value";
  }

[HttpGet]
public List<Employee> GetemployeeList()
{
   List<Employee> Employee = new List<Employee>{
new Employee{Employee_ID=123,Employee_Name="Saurabh Sri"},
new Employee{Employee_ID=1567,Employee_Name="Samir Saxena"}, 
};
return Employee;
}
//POST api/values
public void Post([FromBody]string value)
{
}
// PUT api/values/5
public void Put(int id, [FromBody]string value)
{
}
// DELETE api/values/5
public void Delete(int id)
{
}
}
}

I have created employee List object and assigning hardcoded employee details into object. You can use database to fetch employee details as per your project requirement. Build application as service is ready now.

URL: In normal MVC application, we use MVC controller whle in webAPI, we use APIcontroller. In APIcontroller, action methods are nothing but HTTP methods like GET, POST, DELETE, PUT, etc.

As per requirement, we can use overloading concept also. Default WEBAPI routing is defined into webconfig file. Please refer to the below figure:

C#
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web.Http;

namespace MyFirstWebAPIService
{
public static class WebApiConfig
{
public static void Register(HttpConfiguration config)
   {
config.Routes.MapHttpRoute(name: "DefaultApi",
routeTemplate: "api/{controller}/{id}",
defaults: new { id = RouteParameter.Optional }
       );
    config.EnableSystemDiagnosticsTracing();
    }
  }
}
  • "api: It is Prefix with default word "api" we can change it as per our requirement.
  • /{controller}: Name of controller as in our case it is "values" .
  • /{id}": Parameters - optional as per requirement

Note: Here, we do not mention method name because in APIcontroller, action methods are nothing but HTTP methods like GET, POST, DELETE, PUT.

Test Service By Using Chrome Rest Client Extension as Below

Image 4

Image 5

Note: In the above figure, we can see that service is working as per requirement.

Consume Service Through Client Application

To consume webservice, we have to create client application and the below line of code can be used to access employee details from webAPI service:

C#
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
using ReleaseLearning.Models;
using System.Net.Http;
using System.Runtime.Serialization.Json;
using System.Net.Http.Formatting;
using System.Net.Http.Headers;

namespace ReleaseLearning.Controllers
{
public class CreateEmployeeController : Controller
{
//
// GET: /CreateEmployee/
public ActionResult V_CreateEmployee()
{
Employee Objemployee = new Employee();
HttpClient client = new HttpClient();
client.BaseAddress = new Uri("http://localhost:63325/");
// Add an Accept header for JSON format.
client.DefaultRequestHeaders.Accept.Add(
new MediaTypeWithQualityHeaderValue("application/json"));
HttpResponseMessage response = client.GetAsync("api/Values").Result;
if (response.IsSuccessStatusCode)
{
var EmployeeDetails = response.Content.ReadAsAsync<IEnumerable<Employee>>().Result;
}
return View(Objemployee);
}
}
}

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Unknown
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions

 
QuestionNice Pin
Mohammed Hashmathullah khan8-Oct-19 4:41
Mohammed Hashmathullah khan8-Oct-19 4:41 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.