Mengakses dan Menguji Web API dengan Tool A Simple Test Client for ASP.NET Web API

Pada posting sebelumnya http://www.rezafaisal.net/?p=1125 telah di bahas tentang halaman bantuan dimana pada halaman tersebut kita dapat melihat class controller apa saja yang ada pada project dan method-method apa saja yang terdapat pada setiap class.

Tetapi bagi yang ingin mencoba menggunakan fungsi-fungsi tersebut harus tetap melakukan akses langsung masing-masing method pada class controller via url baik yang bisa dilakukan dengan akses web browser atau secara memrograman.  Pada posting ini akan dibahas bagaimana mengakses dan menguji method pada class controller Web API dengan bantuan “A Simple Test Client for ASP.NET Web API”.  Tool ini nantinya akan diintegrasikan dengan halaman bantuan Web API.

Berikut adalah langkah-langkah yang dapat dilakukan :

{Installasi A Simple Test Client for ASP.NET Web API}

Untuk menambahkan “tool” ini pada project web adalah dengan cara akses fitur Manage NuGet Packages, dengan cara klik kanan pada project yang diinginkan kemudian pilih fitur tersebut.

Keyword yang bisa digunakan adalah WebApiTestClient, maka akan didapat daftar seperti di atas, kemudian klik tombol Install.

Selajutnya modifikasi file Api.cshtml yang terdapat pada folder Areas\HelpPage\Views\Help.

   1: @using System.Web.Http

   2: @using ASP.Areas.HelpPage.Models

   3: @model HelpPageApiModel

   4:

   5: @{

   6:     var description = Model.ApiDescription;

   7:     ViewBag.Title = description.HttpMethod.Method + " " + description.RelativePath;

   8: }

   9:

  10: <link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet" />

  11: <div id="body" class="help-page">

  12:     <section class="featured">

  13:         <div class="content-wrapper">

  14:             <p>

  15:                 @Html.ActionLink("Help Page Home", "Index")

  16:             </p>

  17:         </div>

  18:     </section>

  19:     <section class="content-wrapper main-content clear-fix">

  20:         @Html.DisplayForModel()

  21:     </section>

  22: </div>

  23: @Html.DisplayForModel("TestClientDialogs")

  24: @section Scripts {

  25:     @Html.DisplayForModel("TestClientReferences")

  26:     <link type="text/css" href="~/Areas/HelpPage/HelpPage.css" rel="stylesheet" />

  27: }

Dan tambahkan baris ke-23 sampai baris ke-27 ke halaman Api.cshtml tersebut.

{Testing}

Maka akan dapat dilihat akan terdapat tambahan tombol “Test API” pada pojok kiri bawah pada halaman bantuan ketika kita mengakses bantuan dari suatu method pada class controller.

Dan berikut adalah tampilan ketika tombol “Test API” diklik, akan tampil window seperti pada gambar di bawah.

Dan berikut adalah hasil yang dapat dilihat ketika tombol Send diklik. Selain hasil output body juga dapat dilihat status dan header dari response method yang sedang kita akses tersebut.

Selamat mencoba :)