AGENDA
Tutorials - .NET
Membuat Webservice pada Visual Studio 2012 (C# .NET ver4.5)



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.

[Gambar 1]

 

Hasilnya adalah :

[Gambar 2]

 

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

[Gambar 3]

 

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

[Gambar 4]

 

Maka akan terlihat seperti dibawah ini:


[Gambar 5]

 

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:

[Gambar 6]

 

Kemudian klik Service1.svc dan akan muncul seperti dibawah.

[Gambar 7]

 

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:

[Gambar 8]

 

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”

[Gambar 9]

 

 

5. Kemudian akan muncul kotak dialog seperti dibawah.


[Gambar 10]

 

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:


[Gambar 11]

 

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


[Gambar 12]

 

 

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:


[Gambar 13]

 

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


[Gambar 14]

 

 

Lalu akan ditamplkan jendela Add Service Reference, kemudian klik tombol [Advanced]


[Gambar 15]

 

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


[Gambar 16]

 

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


[Gambar 17]

 

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)


[Gambar 18]

 

Sebagai hasil akhirnya adalah seperti gambar berikut ini:


[Gambar 19]

 

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:

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

public class Service1 

    : IService1 { public string GetData(int value) {
        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:

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:

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

    public Form1() {
        InitializeComponent();
    }

    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


[Gambar 20]

  


[Gambar 21]

 

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:


[Gambar 22]

 

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


[Gambar 23]

 

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


[Gambar 24]

Like or Share This Article




COMMENTS ( 0 )
 
Keep connected with us, mobile apps available now !!