{"id":1128,"date":"2014-02-17T05:12:57","date_gmt":"2014-02-17T05:12:57","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=1128"},"modified":"2014-02-17T06:48:40","modified_gmt":"2014-02-17T06:48:40","slug":"3-langkah-sederhana-untuk-membuat-layanan-web-api-asp-net-pertama-anda","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/3-langkah-sederhana-untuk-membuat-layanan-web-api-asp-net-pertama-anda\/","title":{"rendered":"ASP.NET Hosting: 3 Langkah Sederhana Untuk Membuat Layanan Web API ASP.NET Pertama Anda"},"content":{"rendered":"<p>&#8220;ASP.NET Web API adalah kerangka kerja yang menyederhanakan penciptaan layanan HTTP&#8221;.<\/p>\n<p>Dengan menggunakan <a title=\"ASP.NET MVC 4 Hosting\" href=\"http:\/\/jaringanhosting.com\/Indonesia-ASP-NET-MVC-4-Hosting\">ASP.NET Web API<\/a>, kita dapat membuat layanan HTTP, yaitu berbasis non-SOAP seperti XML biasa atau JSON string, dan lain-lain dengan keuntungan tambahan, sebagai berikut:<\/p>\n<ul>\n<li>Memungkinkan untuk membuat layanan sumber daya yang berorientasi menggunakan fitur penuh HTTP.<\/li>\n<li>Mengekspos layanan untuk berbagai klien dengan mudah seperti browser atau perangkat mobile, dan lain-lain.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/banner-jarhost-2.png\"><img loading=\"lazy\" class=\"size-medium wp-image-1156 aligncenter\" alt=\"banner-jarhost-2\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/banner-jarhost-2-300x117.png\" width=\"300\" height=\"117\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/banner-jarhost-2-300x117.png 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/banner-jarhost-2.png 712w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Selain Visual Studio 2010 atau 2012, kita juga perlu MVC 4.0 untuk mengimplementasikan layanan HTTP ini. Untuk tujuan implementasi ini, saya akan menggunakan Visual Studio 2010.<\/p>\n<p>Berikut adalah 3 langkah sederhana untuk membuat layanan HTTP yang mengembalikan data berbasis non-SOAP.<\/p>\n<ul>\n<li>\u00a0\u00a0\u00a0\u00a0 Buat API Proyek Web<\/li>\n<li>\u00a0\u00a0\u00a0\u00a0 Siapkan domain Model<\/li>\n<li>\u00a0\u00a0\u00a0\u00a0 Menambahkan kelas Controller<\/li>\n<\/ul>\n<p>Mari kita simak langkah demi langkah untuk membuat layanan HTTP sederhana menggunakan ASP.NET Web API.<\/p>\n<p><strong>1. Membuat Projek Web API<\/strong><\/p>\n<ul>\n<li>Buka Visual Studio dan buat projek baru dengan mengklik File -&gt; New Project.<\/li>\n<li>Pilih &#8220;ASP.NET MVC 4 Web Application&#8221;, buat template dan nama proyek sebagai &#8220;FirstWebAPIService&#8221;.<\/li>\n<li>Ketika Anda mengklik tombol &#8220;OK&#8221;, jendela baru akan muncul untuk memilih sub template. Sebenarnya untuk ASP.NET MVC 4 Web Application, kami memiliki beberapa sub-opsi yaitu Kosong, Aplikasi Internet, Web API, dll.<\/li>\n<li>Pilih &#8220;Web API&#8221; dan tekan tombol &#8220;OK&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/1.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1129 aligncenter\" alt=\"1\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/1-300x186.jpg\" width=\"300\" height=\"186\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/1-300x186.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/1.jpg 950w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/2.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1130 aligncenter\" alt=\"2\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/2-300x276.jpg\" width=\"300\" height=\"276\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/2-300x276.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/2.jpg 681w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>\n<div id=\"gt-res-content\">\n<div dir=\"ltr\">Sebuah standar proyek template ASP.NET MVC 4 Web API telah\u00a0 dibuat. Ini adalah aplikasi template MVC, dimana Anda akan dengan mudah menemukan\u00a0folder &#8220;Model&#8221;, &#8220;View&#8221; dan &#8220;Controller&#8221; di dalamnya.<\/div>\n<\/div>\n<\/li>\n<\/ul>\n<p><strong>2. Mempersiapkan Domain Model<\/strong><\/p>\n<div id=\"gt-res-content\">\n<div dir=\"ltr\">Sekarang pada langkah kedua, kita perlu mempersiapkan model.<\/p>\n<ul>\n<li>Klik kanan pada folder &#8220;Model&#8221; dan pilih &#8220;Class&#8221; di bawah &#8220;Add&#8221; dari menu seperti yang ditunjukkan pada gambar.<\/li>\n<\/ul>\n<ul>\n<li>Buat nama kelas sebagai &#8220;Product.cs&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/4.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1131 aligncenter\" alt=\"4\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/4-300x190.jpg\" width=\"300\" height=\"190\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/4-300x190.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/4.jpg 839w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/3.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1132 aligncenter\" alt=\"3\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/3-300x170.jpg\" width=\"300\" height=\"170\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/3-300x170.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/3.jpg 953w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Berikut adalah kode untuk kelas produk.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/c1.bmp\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-1136\" alt=\"c1\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/c1.bmp\" width=\"699\" height=\"118\" \/><\/a><\/p>\n<p><strong>\u00a03. Menambahkan Controller <strong>Class<\/strong><\/strong><\/p>\n<p>Kelas Controller memegang peranan penting, karena permintaan yang datang dari client akan menemui controller terlebih dahulu. Kemudian controller memutuskan model mana yang akan digunakan untuk melayani permintaan yang masuk. Jadi, cara untuk menambahkan controller adalah:<\/p>\n<ul>\n<li>Klik kanan pada folder &#8220;Controller&#8221; dan pilih &#8220;Controller&#8221; di bawah &#8220;Add&#8221; dari menu seperti yang ditunjukkan pada gambar.<\/li>\n<li>Buat nama controller sebagai &#8220;ProductsController&#8221;.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/5.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1137 aligncenter\" alt=\"5\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/5-300x175.jpg\" width=\"300\" height=\"175\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/5-300x175.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/5.jpg 898w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/6.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1138 aligncenter\" alt=\"6\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/6-300x159.jpg\" width=\"300\" height=\"159\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/6-300x159.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/6.jpg 980w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<ul>\n<li>Klik tombol &#8220;Add&#8221;, sebuah kelas controller baru telah ditambahkan.<\/li>\n<\/ul>\n<p>Untuk membuat hal-hal sederhana, kita akan memuat model dengan data di dalam controller ini bukan memuatnya dari\u00a0 database. Berikut adalah kode untuk controller class.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/c2.bmp\"><img loading=\"lazy\" class=\"alignnone size-medium wp-image-1139\" alt=\"c2\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/c2.bmp\" width=\"698\" height=\"286\" \/><\/a><\/p>\n<p>Jangan lupa untuk menambahkan &#8220;using FirstWebAPIService.Models;&#8221; di bagian atas dari kelas controller.<\/p>\n<p>Sekarang, saatnya untuk menguji layanan HTTP Anda menggunakan ASP.NET MVC Web API.<br \/>\nJalankan aplikasi dengan menekan &#8220;CTRL + F5&#8221;, jendela Welcome akan muncul sebagai berikut:<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/7.png\"><img loading=\"lazy\" class=\"size-medium wp-image-1145 aligncenter\" alt=\"7\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/7-300x136.png\" width=\"300\" height=\"136\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/7-300x136.png 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/7-1024x467.png 1024w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/7.png 1164w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Untuk memanggil\u00a0 Produk controller kami, ubah URL menjadi &#8220;http:\/\/localhost:XXXX\/api\/products&#8221;. Anda akan melihat hasil seperti yang ditunjukkan dalam jendela output berikut ini.<\/p>\n<p><a href=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/8.jpg\"><img loading=\"lazy\" class=\"size-medium wp-image-1146 aligncenter\" alt=\"8\" src=\"http:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/8-300x131.jpg\" width=\"300\" height=\"131\" srcset=\"https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/8-300x131.jpg 300w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/8-1024x450.jpg 1024w, https:\/\/blog.jaringanhosting.com\/wp-content\/uploads\/2014\/02\/8.jpg 1198w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Hasil akhir pengembalian dapat ditampilkan secara berbeda oleh browser yang berbeda. Berikut adalah output dari google chrome versi 29.0.1547.66.<\/p>\n<p>Mudah-mudahan, tutorial web development sederhana ini akan sangat membantu bagi para developer untuk membuat kode layanan HTTP pertama mereka menggunakan ASP.NET MVC Web API.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;ASP.NET Web API adalah kerangka kerja yang menyederhanakan penciptaan layanan HTTP&#8221;. Dengan menggunakan ASP.NET Web API, kita dapat membuat layanan HTTP, yaitu berbasis non-SOAP seperti XML biasa atau JSON string, dan lain-lain dengan keuntungan tambahan, sebagai berikut: Memungkinkan untuk membuat<\/p>\n","protected":false},"author":2505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[423,9,306,424],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/1128"}],"collection":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/users\/2505"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=1128"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/1128\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=1128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=1128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=1128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}