Membuat Webservice Pada Visual Studio 2012 (C#.NET ver.4.5)

Membuat Webservice Pada Visual Studio 2012 (C# .NET ver.4.5) Mohammad Rizal Ghani [email protected] :: http://infotemenn.blogspot.com

Abstrak ASP.NET adalah bahasa pemrograman yang bertujuan untuk membangun suatu aplikasi web yang terkompilasi, sehingga kita dapat menggunakan beberapa bahasa pemrograman yang berbasiskan .NET Framework seperti VB.NET, C#, dan Jscript. Seperti halnya bahasa pemrograman yang lain, C# bisa digunakan untuk membangun berbagai macam jenis aplikasi, seperti aplikasi berbasis windows (desktop) dan aplikasi berbasis web serta aplikasi berbasis web services.

Keyword : Pemrograman, Webservice, Web, Service

Pendahuluan Active Server Pages .NET (sering disingkat sebagai ASP.NET) adalah kumpulan teknologi dalam Framework .NET untuk membangun aplikasi web dinamik dan XML Web Service (Layanan Web XML). Halaman ASP.NET dijalankan di server kemudian akan dibuat halaman markup (penanda) seperti HTML ( Hypertext Markup Language), WML (Wireless Markup Language), atau XML (Extensible Markup Language) yang dikirim ke browser desktop atau mobile. ASP.NET merupakan komponen Internet Information Services (IIS). Oleh karena itu, untuk menginstalasikan ASP, harus juga menginstalasikan IIS. ASP.NET adalah komponen utama Window yang membuat IIS dapat menjalankan aplikasi yang berbasiskan .NET.

Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Pembahasan Untuk memulainya, ikuti langkah-langkah berikut: 1. Jalankan Visual Studio 2012, lalu akan ditampilkan splash seperti gambar berikut, tunggu beberapa saat hingga muncul IDE yang lengkap.

Hasilnya adalah :


2. Buatlah sebuah solution yang baru, yaitu dengan cara: File > New >Project

3. Pada jendela New Project, pilihkan Visual C# > WCF Service Aplication > ganti nama project, location dan nama solution sesuai keinginan anda > klik OK

Maka akan terlihat seperti dibawah ini:


Terlihat bahwa solution terdapat 1 project dibawahnya yaitu project WCF Service Aplication yang sekaligus kita buat tadi. Kemudian jalankan dengan cara mengklik pada no. 2 pada gambar diatas. Kemudian akan muncul pada browser seperti ini:

Kemudian klik Service1.svc dan akan muncul seperti dibawah.


Pada gambar ada link yang ditandai, ini digunakan sebagai references untuk aplikasi client. alamat service tersebutlah yang akan diconsume oleh aplikasi lain, yang akan Anda coba pada bagian berikutnya masih pada tutorial ini. Kemudian Keluar dari run time, dengan cara melakukan klik pada tombol kotak seperti gambar berikut:

4. Kemudian kita buat project client dengan cara: 1) Klik kanan pada solution yang kita buat 2) Pilih menu “Add” 3) Klik menu “New Project”


5. Kemudian akan muncul kotak dialog seperti dibawah.

Kemudian pilih “Windows Form Application” bahasa yang kita ambil adalah C#. kemudian dibagian bawah kita bisa mengganti nama project dan lokasinya. Jika sudah maka kita klik OK. Maka akan tampil seperti dibawah: Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Bukalah Windows Explorer dan perhatikan sudah terbentuk sebuah folder yang merupakan lokasi proyek WindowsFormApplication1 seperti gambar berikut:

7. Kembali ke Solution Explorer, pada WindowsFormApplication1 > Form1.cs > klik maka akan ditampilkan design editor pada bagian kanan. Tempatkan 3 teks box dan 1 button, lalu aturlah sehingga menjadi seperti berikut:


8. Lalu Anda harus “menghubungkan” aplikasi desktop WindowsFormApplication1 dengan web service yang berada pada alamat http://localhost:49593/Service1.svc?wsdl Caranya, WindowsFormApplication1 > klik kanan > Add Service Reference

Lalu akan ditamplkan jendela Add Service Reference, kemudian klik tombol [Advanced] Lisensi Dokumen: Copyright © 2008-2014 ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org

Lalu akan ditampilkan jendela Service Reference Setting, kemudian klik tombol [Add Web Reference]


9. Pada jendela Add Web Reference, aturlah parameter yang digunakan seperti gambar berikut:

Kemudian diisikan seperti berikut: a. Isikan URL dengan http://localhost:49593/Service1.svc?wsdl (1) b. Klik icon panah (2) c. Kemudian ditampilkan service dan method yang tersedia (3) d. Isikan Web reference name: CallService (4), sebenarnya bisa saja menggunakan nama berbeda e. Tekan tombol Add Reference (5)


Sebagai hasil akhirnya adalah seperti gambar berikut ini:

Lanjutkan ke bagian berikut untuk membuat aplikasi yang akan mengconsume web service tersebut. (dalam hal ini ini Anda akan memuat aplikasi desktop). Lakukan run (klik tombol segitiga hijau), untuk memastikan tidak ada program yang error.


10. Modifikasi file IService1.cs sehingga menjadi seperti source code berikut: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

[ServiceContract] public interface IService1 { [OperationContract] string GetData(int value); [OperationContract] CompositeType GetDataUsingDataContract(CompositeType composite); // TODO: Add your service operations here [OperationContract] String tambah(String param1, String param2); } // Use a data contract as illustrated in the sample below to add composite types to service operation [DataContract] public class CompositeType { bool boolValue = true; string stringValue = "Hello "; [DataMember] public bool BoolValue { get { return boolValue; } set { boolValue = value; } } [DataMember] public string StringValue { get { return stringValue; } set { stringValue = value; } } }

Yang Anda modifikasi adalah menambahkan perintah berikut: 1. [OperationContract] 2. String tambah(String param1, String param2); 11. Modifikasilah file Service1.svc.cs sehingga menjadi seperti source code berikut: 1 2 3

public class Service1 : IService1 { public string GetData(int value)


4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27

{ return string.Format("You entered: {0}", value); } public CompositeType GetDataUsingDataContract(CompositeType composite) { if (composite == null) { throw new ArgumentNullException("composite"); } if (composite.BoolValue) { composite.StringValue += "Suffix"; } return composite; } public String tambah(String param1, String param2) { int val1 = System.Convert.ToInt32(param1); int val2 = System.Convert.ToInt32(param2); return String.Format("{0}", val1 + val2); } }

Yang Anda modifikasi adalah menambahkan perintah berikut: 1 2 3 4 5 6

public String tambah(String param1, String param2) { int val1 = System.Convert.ToInt32(param1); int val2 = System.Convert.ToInt32(param2); return String.Format("{0}", val1 + val2); }

12. Modifikasilah file WindowsFormApplication1 >Form1.cs sehingga menjadi seperti source code berikut: 1 2 3 4 5 6

public partial class Form1 : Form { public callservice1.Service1 cap; public Form1() { InitializeComponent();


7 8 9 10 11 12 13 14 15

} private void button1_Click(object sender, EventArgs e) { cap = new callservice1.Service1(); String coba = cap.tambah(textBox1.Text, textBox2.Text); textBox3.Text = coba; } }

13. Setiap kali melakukan modifikasi pada web service maka Anda harus melakukan refresh proyek Anda caranya: 1. Pada Solution > klik kanan > Rebuild Solution 2. Pada WindowsFormApplication1 > Web Reference > CallService > Update Web References


Catatan: Pastikan Anda melakukan langkah tersebut setiap kali melakukan modifikasi source code. 14. Jalankan proyek dengan cara klik tombol Run, dan pastikan bahwa service dapat dijalankan, yaitu hingga browser menampilkan gambar berikut:

15. Ujicoba hasilnya, buka Windows Explorer, lalu double klik file WindowsFormApplication1 seperti gambar berikut:


17. Pada aplikasi TesterApp lakukan entri data lalu tekan tombol Tambah seperti gambar berikut:

OK Selamat Mencoba ya .

Penutup Demikian Artikel Dan Tutorial Tentang Membuat Webservice Pada Visual Studio 2012 (C# .NET Ver.4.5), Semoga Tutorial Ini Membantu Anda, Terimakasih.


Referensi http://aplysit.com/?p=3300 http://cariprogram.blogspot.com/2012/05/web-service-database-dengan-cnet.html http://sondis.blogspot.com/2013/03/pengertian-web-service.html http://id.wikipedia.org/wiki/Active_Server_Pages_.NET

Biografi Nama

: Mohammad Rizal Ghani

Facebook : Rizalghani Hobby

: Futsal & Game Online


Membuat Webservice Pada Visual Studio 2012 (C#.NET ver.4.5)

Recommend Documents