استفاده از Web API در ASP.NET MVC – بخش دوم

در این مقاله، خواهید آموخت که چگونه با استفاده از Web API در  ASP.NET MVC عملیات CRUD را پیاده سازی کنیم .این مقاله دومین بخش از سری آموزش ASP.NET MVC Web API است. در بخش اول، در رابطه با نحوه ‏ی ایجاد یک سرویس Web API .بحث کردیم.

Web API چیست ؟

API = Application Programming Interface (رابط برنامه نویسی کاربردی) ASP.NET Web API یک فریمورک است، که برای به اشتراک گذاری و جمع آوری داده‏ ها ایجاد شده است.

Web APIها سرویس ‏های HTTP RESTful هستند که می‏توانند توسط سرویس‏ گیرنده ‏های مختلفی مانند دسکتاپ، تبلت و موبایل به کار گرفته شوند.

استفاده از Web API در MVC

در این مقاله، از میزبان محلی (لوکال هاست) برای Web API استفاده کرده و درخواست GET را فراخوانی کرده ‏ایم.

•  پروژه ‏ی ASP.NET MVC را ایجاد کنید
•  MemberViewModel را اضافه کنید
•  Microsoft.AspNet.webApi.Client را از کتابخانه ‏ی NuGet اضافه کنید.
•  برای استفاده از Web API کدنویسی کنید
•  پروژه را اجرا کرده و متد عملیات بر روی URL را فراخوانی کنید.

مقالات بخش های بعدی از لینک های زیر در دسترس است :

• عملیات CRUD با ASP.NET Web API بخش اول
• به کارگیری ASP.NET Web API با استفاده از jQuery – بخش سوم
• عملیات CRUD با WebApi به زبان سی شارپ و ASP.NET MVC

پیاده سازی مرحله به مرحله:

• یک پروژه ‏ی ASP.NET MVC Web Application جدید به نام “ConsumeWebApiMVC” ایجاد کنید.

فایل‏ های پیش فرض پروژه؛ در پنجره ‏ی Solution Explorer به شکل زیر خواهند بود:

حال، یک ViewModel به نام MemberViewModel در پوشه ‏ی Models ایجاد کنید.

بر روی پوشه ‏ی Models راست کلیک کنید. به منوی Add –> New Item بروید یا CTRL + SHIFT +A را فشار دهید.

کد MemberViewModel.cs

using System;  
using System.Collections.Generic;  
using System.Linq;  
using System.Web;  
  
namespace ConsumeWebApiMVC.Models  
{  
    public class MemberViewModel  
    {  
        public int MemberID { get; set; }  
        public string MemberName { get; set; }  
        public string PhoneNumber { get; set; }  
    }  
}  

می‏توانید HomeControllers را در پوشه ‏ی Controllers مشاهده کنید.بر روی HomeControllers دوبار کلیک کرده و خط زیر را برای دریافت لیست‏ بندی ViewModel در کنترل‏ کننده اضافه کنید.

using ConsumeWebApiMVC.Models;  

حالا، Microsoft.AspNet.webApi.Client را از کتابخانه‏ ی NuGet اضافه کنید.بر روی پوشه‏ ی References راست کلیک کرده و آن را انتخاب کنید.

OK را در کادر محاوره ‏ای (dialog box) بالا برای نصب Microsoft.AspNetWebApi.Client کلیک کنید.

بر روی “I Accept” جهت تأیید مجدد نصب کلیک کنید. می‏توانید در پنجره‏ ی خروجی (output) مشاهده کنید که پکیج NuGet با موفقیت نصب شده است.

پس از افزودن پکیج NuGet، حالا، بیایید برای استفاده از Web API و فراخوانی متد get همه ‏ی رکوردهای اعضا را کدنویسی کنیم.

public ActionResult GetMembers()  
      {  
          IEnumerable<MemberViewModel> members = null;  
  
          using (var client = new HttpClient())  
          {  
              client.BaseAddress = new Uri("http://localhost:52044/api/");  
                
              //Called Member default GET All records  
              //GetAsync to send a GET request   
// PutAsync to send a PUT request  
              var responseTask = client.GetAsync("member");  
              responseTask.Wait();  
  
              //To store result of web api response.   
              var result = responseTask.Result;  
  
              //If success received   
              if (result.IsSuccessStatusCode)  
              {  
                  var readTask = result.Content.ReadAsAsync<IList<MemberViewModel>>();  
                  readTask.Wait();  
  
                  members = readTask.Result;  
              }  
              else   
              {  
                  //Error response received   
                  members = Enumerable.Empty<MemberViewModel>();  
                  ModelState.AddModelError(string.Empty, "Server error try after some time.");  
              }  
          }  
          return View(members);    
      }  
var responseTask = client.GetAsync("member");  

در ادامه متدهای HttpClient آمده است:

حال، یک View برای GetMembers بیافزایید. بر روی متد عملیاتی GetMembers راست کلیک کنید.

پس از کلیک بر روی گزینه ‏ی “Add View”، فرم Add View را پر کنید.

سپس، دکمه ‏ی Add را برای ادامه ‏ی کار کلیک کنید.حال، می‏توانید مشاهده کنید که فایل GetMembers.cshtml در پوشه ‏ی VIEWS –> HOME ایجاد شده است.

حالا، بیایید کد Web API خود را با فشردن کلید F5 بررسی کنیم.

http://localhost:50604/home/getmembers

در مقاله‏ ی بعدی، نحوه ‏ی فراخوانی Web API از طریق jQuery را خواهید آموخت.

جهت دانلود سورس عملیات CRUD با WebApi به زبان سی شارپ و ASP.NET MVC میتوانید از این لینک استفاده کنید.و جهت دانلود سورس MVC از این لینک استفاده کنید.