membuat webservice pada visual studio 2012 (c# .net...

17
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 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.

Upload: lengoc

Post on 06-Mar-2018

222 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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.

Page 2: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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 :

Page 3: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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:

Page 4: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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.

Page 5: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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”

Page 6: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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:

Page 7: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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:

Page 8: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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]

Page 9: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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

Web Reference]

Page 10: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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)

Page 11: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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.

Page 12: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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 operations.

[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)

Page 13: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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();

Page 14: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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

Page 15: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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:

Page 16: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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.

Page 17: Membuat Webservice Pada Visual Studio 2012 (C# .NET …ilmuti.org/wp-content/uploads/2014/03/Mohammad_Rizal_Ghani-Cara... · .NET ver.4.5) Mohammad Rizal Ghani ... Halaman ASP.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

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