İçeriğe geç

Windows 8 de Web Servis Kullanımı

Mayıs 7, 2013

Geçen gün windows 8 de sayfalar arası geçişin nasıl yapılacağını öğrenmiştik.Şimdi ise hem sayfalar arası geçiş hem de web servisi kullanarak bir uygulama geliştireceğiz hep birlikte.

İlk başta Visual Studio 2012 ile File–>New–>Project diyip Other Project Types  altında bir Visual Studio Solutions oluşturuyoruz.

1

Solution1 ismini verdikten sonra  Add->New Project diyorum ve WCF sekmesi altinda bulunan WCF Service Application’i secerek aşağıdaki gibi Servisimin ismini WebServisi2 koyuyorum.

2

Servis olustuktan sonra oncelikle Interface sinifimda olan IService1.cs sinifimda gerekli  işlemleri yapıyorum.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Web;
using System.Text;

namespace WebServisi2
{

[ServiceContract]
public interface IService1
{
[OperationContract]
string GirilenAd(string isimsoyad);

}
}

Daha sonra Servis1.svc dosyamıza gidiyoruz.Aşağıdaki işlemleri yapıyoruz.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Runtime.Serialization;
using System.ServiceModel;
using System.ServiceModel.Web;
using System.Text;

namespace WebServisi2
{

public class Service1 : IService1
{
public string GirilenAd(string isimsoyad)
{
return isimsoyad + ” , Hosgeldiniz 🙂 Lütfen gerekli alanları doldurunuz.”;
}
}
}

Servis1.svc üzerine gelip sağa tıklayıp View in Browser dediğimizde projemizin çalışıp çalışmadığını öğrenmiş olacağız ya da web servisimizi doğrıdan çalıştırırız ve karşımıza  WCF Test Client ekranı çıkar.Bu ekranda  Request penceresinde bulunan isimsoyad karsisinda bulunan Value kismina String bir deger girdikten sonra  hemen altta bulunan Invoke tusuna bastığımızda projemizi test etmiş oluruz.

Web Servisle ilgili gerekli işlemleri yaptıktan sonra Solution1 üzerine gelip Add–>New Project diyip Windows Store sekmesi altındaki Blank app sayfasını seçiyoruz.

3

WCF projemize ek olarak Windows Store projeside eklemiş olduk. Oncelik olarak Windows Store projemizin çalışması gerekli.Bunun için projenin üzerine gelip sağa tıklayıp Set As A StartUp Project seçeneğini seçmeliyiz. Aksi halde projemizi calistirmak istedigimizde WCF servisinizin Test kismi calisacaktir.

Projemizi olusturduktan sonra  web servisimizi eklemis oldugumuz windows store projemize referans olarak gostermemiz gerekmektedir. Bunun için projenin üzerinde sağa tıklayıp Add Service Referance seçeneğini seçmemiz gerekmektedir. Karsimiza asagidaki gibi bir pencere geldikten sonra discover butonuna tıklarız .Böylelikle oluşturduğumuz web servis adres çubuğuna gelmiş olur.

4

Projemize servisimizi ekledikten sonra MainPage.xaml sayfasına aşağıdaki gibi bir textbox,bir adet buton ekleyelim.

5

Textboxımızın name’ine txtisim adını atadıktan sonra butonun üzerine 2 kere tıkladığımızda click özelliğinin içine aşağıdaki kodları yazdım.

private async void Button_Click_1(object sender, RoutedEventArgs e)
{
Service1Client ServistenAl = new Service1Client();
string SonucYazdir = await ServistenAl.GirilenAdAsync(txtisim.Text);
txtisim.Text = SonucYazdir;

this.Frame.Navigate(typeof(BlankPage1));
}

Şimdi sıra geldi 2.sayfamızı oluşturmaya . Solution Explorer pencerisi altında projemizin isminin yazılı oldugu alana sağ tıklayıp Add —>Add New İtem dedikten sonra projemize bir adet aşağıdaki gibi Blank page ekliyoruz ve ismine BlankPage1 yazıyoruz.

6

BlankPage1.xaml adlı dosyamıza 3 adet textbox,3 adet textblock bir adet buton ekleyip,Mainpage.xaml sayfasında aldığımız kişinin doğumtarihi,numarası,yaşadığı şehir gibi bilgileri bu sayfada almaya çalışacağiz.

7

BlankPage1.xaml.cs dosyamızda Buttonun click özelliğinin içerisine aşağıdaki kodları yazdım.

private void Button_Click_1(object sender, RoutedEventArgs e)
{
string yas, no, sehir;
yas = txtdtarihi.Text;
no = txtno.Text;
sehir = txtsehir.Text;

var messageDialog = new MessageDialog(“Kaydınız basariyle gerceklestirildi.”);

messageDialog.ShowAsync();
}

Şimdi projemiz hazır.Çalıştıralım ve görelim.

screenshot_05072013_173713

Butona tıklağımızda  ise aşağıdaki gibi bir ekran gelmelidir 🙂

screenshot_05072013_173759

Reklamlar

From → Arşiv

2 Yorum
  1. Güzel yazı,

    başarılarının devamını dilerim. 😉

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Google fotoğrafı

Google hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap /  Değiştir )

Connecting to %s

%d blogcu bunu beğendi: