ASP.NET Hosting: 3 Langkah Sederhana Untuk Membuat Layanan Web API ASP.NET Pertama Anda

“ASP.NET Web API adalah kerangka kerja yang menyederhanakan penciptaan layanan HTTP”.

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 layanan sumber daya yang berorientasi menggunakan fitur penuh HTTP.
  • Mengekspos layanan untuk berbagai klien dengan mudah seperti browser atau perangkat mobile, dan lain-lain.

banner-jarhost-2

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.

Berikut adalah 3 langkah sederhana untuk membuat layanan HTTP yang mengembalikan data berbasis non-SOAP.

  •      Buat API Proyek Web
  •      Siapkan domain Model
  •      Menambahkan kelas Controller

Mari kita simak langkah demi langkah untuk membuat layanan HTTP sederhana menggunakan ASP.NET Web API.

1. Membuat Projek Web API

  • Buka Visual Studio dan buat projek baru dengan mengklik File -> New Project.
  • Pilih “ASP.NET MVC 4 Web Application”, buat template dan nama proyek sebagai “FirstWebAPIService”.
  • Ketika Anda mengklik tombol “OK”, 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.
  • Pilih “Web API” dan tekan tombol “OK”.

1

2

  • Sebuah standar proyek template ASP.NET MVC 4 Web API telah  dibuat. Ini adalah aplikasi template MVC, dimana Anda akan dengan mudah menemukan folder “Model”, “View” dan “Controller” di dalamnya.

2. Mempersiapkan Domain Model

Sekarang pada langkah kedua, kita perlu mempersiapkan model.

  • Klik kanan pada folder “Model” dan pilih “Class” di bawah “Add” dari menu seperti yang ditunjukkan pada gambar.
  • Buat nama kelas sebagai “Product.cs”.

4

3

Berikut adalah kode untuk kelas produk.

c1

 3. Menambahkan Controller Class

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:

  • Klik kanan pada folder “Controller” dan pilih “Controller” di bawah “Add” dari menu seperti yang ditunjukkan pada gambar.
  • Buat nama controller sebagai “ProductsController”.

5

6

  • Klik tombol “Add”, sebuah kelas controller baru telah ditambahkan.

Untuk membuat hal-hal sederhana, kita akan memuat model dengan data di dalam controller ini bukan memuatnya dari  database. Berikut adalah kode untuk controller class.

c2

Jangan lupa untuk menambahkan “using FirstWebAPIService.Models;” di bagian atas dari kelas controller.

Sekarang, saatnya untuk menguji layanan HTTP Anda menggunakan ASP.NET MVC Web API.
Jalankan aplikasi dengan menekan “CTRL + F5”, jendela Welcome akan muncul sebagai berikut:

7

Untuk memanggil  Produk controller kami, ubah URL menjadi “http://localhost:XXXX/api/products”. Anda akan melihat hasil seperti yang ditunjukkan dalam jendela output berikut ini.

8

Hasil akhir pengembalian dapat ditampilkan secara berbeda oleh browser yang berbeda. Berikut adalah output dari google chrome versi 29.0.1547.66.

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.

 

ASP.NET Hosting – JaringanHosting.com :: Pengenalan & Cara Kerja ASP.NET MVC 4

Tentang MVC…

MVC ?! Apa itu MVC ?? Bagi kalian yang sering menggunakan php framework seperti codeigniter, cake php, Yii, ataupun framework lainnya pasti pernah mendengar istilah tersebut, namun bagi anda yang belum pernah menggunakan framework seperti yang disebutkan diatas, apa sudah pernah mendengarkah? Buat yang baru terjun ke dunia programming khususnya, mungkin belum banyak tau tentang konsep pemrograman MVC ini.

mainAlt

MVC (Model-View-Controller) adalah sebuah metode dalam membuat aplikasi dengan memisahkan pengembangan aplikasi berdasarkan komponen utama yang membangun sebuah aplikasi seperti manipulasi data, antarmuka pengguna, dan bagian yang menjadi kontrol utama aplikasi.

Model View Controller

Pada prinsipnya, implementasi MVC membagi kode ke dalam 3 bagian yaitu:

  • Model sebagai sumber data
  • View sebagai representasi data dan user interface
  • Controller yang berfungsi sebagai “otak” atau business logic yang memproses user input dan meng-update Model dan View ( kalau diperlukan ).

Keuntungannya adalah…

–          Tidak ada ViewState (Stateless).

–          Menyediakan pemisah Separation Of Concerns (SoC).

–          Dapat melakukan proses Test Driven Development (TDD)

–          Mudah terintegrasi pada JavaScript frameworks.

–          Mendukung beberapa tampilan pada view engines (aspx, Razor)

Langkah-langkah Untuk Membuat Aplikasi Sederhana Menggunakan Aplikasi MVC 4.0 :

1. Pertama, pilih File -> Project -> pilih MVC 4.0 application

Langkah MVC 1

2. Setelah itu, pilih template -> view engine (Razor, ASPX, NHaml, Spark), jika ingin mencoba project yang sudah ada, pilih Create unit test project.

Langkah MVC 2

3. Pada bagian struktur ini, tambahkan seperti pada gambar dibawah ini :

Langkah MVC 3

4. Lalu, coba jalankan aplikasi. Anda akan melihat home page pada aplikasi tersebut

Langkah MVC 4

5. Mari kita masukan coding untuk Controller, Model and View. Klik kanan pada  Model -> add a class dengan nama UserModels.cs

MVC5

MVC6

Dengan menggunakan prinsip MVC suatu aplikasi dapat dikembangkan secara terpisah antara layer application-logic dan presentation, sehingga dalam sebuah tim pengembangan website, seorang programmer bisa berkonsentrasi pada pengembangan core-system saja, sedangkan web designer bisa berkonsentrasi pada tampilan web saja. Walaupun demikian dibutuhkan komunikasi yang baik antara programmer dan designer.

JaringanHosting.com adalah provider ASP.NET dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft. Microsoft memberikan rekomendasi ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2012, ASP.NET 4.5, ASP.NET MVC 4.0, Silverlight 5 and Visual Studio Lightswitch.Untuk keterangan lanjutan, silahkan klik disini!

 

ASP.NET MVC Hosting – JaringanHosting.com :: Cara Upload Multiple File Pada Web API

Artikel ini menjelaskan cara untuk meng-upload beberapa file dalam API Web. Di sini kita menggunakan atribut HTML5 multiple = “multiple” untuk meng-upload lebih dari satu file.

Prosedur untuk membuat aplikasi:

Langkah 1
Pertama kita membuat aplikasi web API seperti berikut:

Mulai Visual Studio 2013.
Dari jendela awal pilih “New Project”.
Dari jendela proyek baru pilih “Installed” -> “Visual C #” -> “Web” -> “Visual Studio 2012”.
Pilih “ASP.NET MVC 4 Web Application”, lalu klik tombol “OK”.

upload multiple file pada web api

JaringanHosting.com adalah provider ASP.NET dan Windows hosting No #1 di Indonesia sesuai dengan rekomendasi dari pihak Microsoft. Microsoft memberikan rekomendasi ini berdasarkan pada beberapa persyaratan utama, yaitu: WebMatrix, WebDeploy, Visual Studio 2012, ASP.NET 4.5, ASP.NET MVC 4.0, Silverlight 5 and Visual Studio Lightswitch. Untuk keterangan lanjutan, silahkan klik disini!

Dari “MVC4 project” jendela pilih “Web API”:

upload multiple file pada web api 2

lalu klik tombol “OK”.

Langkah 2
Sekarang di “HomeController” tambahkan kode berikut. File ini ada:
Dalam “Solution Explorer”.
Memperluas “Controller” folder.
Pilih “HomeController”.

upload multiple file pada web api 3

Tambahkan kode berikut:

upload multiple file pada web api 4

Langkah 3
Dalam View menyediakan kode berikut:
Dalam “Solution Explorer”.
Perluas “Views folder”.
Pilih “Home” -> “Index.cshtml”.

upload multiple file pada web api 5

Tambahkan kode berikut:

upload multiple file pada web api 6

Langkah 4
Jalankan aplikasi:

upload multiple file pada web api 7

Pilihlah beberapa file

upload multiple file pada web api 8

Klik “upload”