Visual Studio Lightswitch Tutorial : Menggunakan WCF RIA Services

Pada tutorial kali ini kita akan mencoba membuat WCF RIA Services yang dapat diakses dari LightSwitch Project. Dengan WCF Services anda dapat membuat aplikasi lightswitch yang lebih fleksible, anda dapat mengambil datasource seperti xml, file, database dari luar aplikasi lightswitch dan mengkombinasikannya sesuai dengan kebutuhan anda.

Contoh dibawah ini akan menggunakan database Northwind.

Buat project lightswitch baru dengan nama ‘SampleWCFServices’

clip_image002

Kemudian tambahkan project class library baru pada solution yang anda buat, beri nama class library tersebut ‘NorthwndClass’. Jangan lupa untuk merubah target framework menjadi .NET Framework 4.

clip_image004

Menambahkan Entity Framework

Kemudian tambahkan ADO.NET Entity Framework kedalam Class Library project yang baru saja anda buat dengan nama ‘NorthwndModel’

clip_image006

clip_image008

clip_image010

Pilih generate model from database. Pilih database ‘Northwnd’.

clip_image012

clip_image014

Sebagai contoh pilih table ‘Customers’ dan Store Procedure ‘CustOrderHist’, kemudian tekan tombol finish.

clip_image015

clip_image016

Hapus dua file berekstensi .tt pada NorthwndModel.edmx

clip_image017

Kemudian klik pada NorthwndModel.edmx diagram, kemudian ubah property berikut

clip_image018

Kemudian build project.

 

Membuat Domain Service Class

Langkah selanjutnya adalah membuat Domain Service Class pada project NorthwndClass. Beri nama ‘NorthwndDomainService’.

clip_image020

Pilih entities Customers dan checked bagian Enable Editing.

clip_image021

Build project anda.

Pada file ‘NorthwndDomainServices.vb’ tambahkan method berikut yang akan diakses dari LightSwitch.

    <Query(IsDefault:=True)>
    Public Function GetCustomers() As IQueryable(Of Customer)
        Return Me.ObjectContext.Customers
    End Function

 

Akses WCF pada Lightswitch

Pada project LightSwitch tambahkan WCF Data Source. Pada folder Server / Data tambahkan data source baru, kemudian pilih WCF RIA Services.

clip_image022

clip_image024

Kemudian tambahkan referensi dari project NorthwndClass yang sudah anda buat sebelumnya.

clip_image026

clip_image028

clip_image029

clip_image031

clip_image032

clip_image034

Buka project Lightswitch pada tampilan file view, kemudian buka web.config file.

clip_image035

Copy ConnectionString yang sudah anda buat di NorthwndClass (file App.Config) kedalam web.config pada LightSwitch project.

clip_image036

clip_image038

Kemudian tambahkan screen

clip_image039

Pilih data source Customers yang diambil dari WCF Services

clip_image041

Kemudian jalankan aplikasi dengan menekan tombol F5, maka akan ditampilkan Form Customers yang dapat ditambah, diedit, maupun delete.

clip_image043

clip_image045

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s