Mengakses dan Menguji Web API dengan Tool A Simple Test Client for ASP.NET Web API | M Reza Faisal

reza

full-time(software-developer,lecturer); part-time(traveller, food-tester);

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

Mar 27, 2014 by     No Comments    Posted under: I am Software Developer

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.

blog1

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

blog2

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.

blog3

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

blog4

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.

blog5

Selamat mencoba :)

Got anything to say? Go ahead and leave a comment!

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Fotolia

Fotolia

ShutterStock


Fotolia
© 2013 eSevens
%d bloggers like this: