Merhabalar, bu makalemde Azure üzerindeki bir SQL’den verileri WCF servis ile çekip bunları Windows 8 de nasıl kullanacağımızı göstereceğim. Bunun çok yararlı bir makale olacağına inanıyorum çünkü WCF ile ilgilenenler bilirler, WCF config dosyasında WCF servisi kullanabilmek için birçok ayarlamalar yapmak gerekiyor ama çok şükür Azure var ve bütün bu ayarlamalardan bizi kurtarıyor. Azure sayesinde artık WCF yayınlamak’ta, WCF’i güncellemekte 1 tık kadar kolay. 🙂 Hadi yerinize oturun ve yolculuğa başlayalım.
Öncelikle WCF’in ne olduğu hakkında az çok bilgi sahibi olmanız gerekiyor(İnşallah WCF Servis konusunu da ileride paylaşıyor oluyorum) ve diğer bir ayrıntıda Windows 8 Metro Uygulamalarının aynı şekilde Windows Phone’ların ADO.NET, Entity FrameWork gibi yapıları kullanamaması. İşin açıkçası kullanmamalarıda gerekiyor, çünkü telefon dediğimiz cihazların belirli bir işlemci gücü,ram seviyesi var. Şimdi uygulamanın yanına birde Database ile etkileşimi eklersek ve bu uygulamalar içerisinde sizin veritabanı bağlantı yollarınızın, şifrelerinizin de olduğunu var sayarsak, bu yapıların olmaması isabet olmuş. Proje boyutundaki kabarmayı hesaba katmıyorum bile.
Bu makale aşamalarını özetleyecek olursak; ilk olarak Azure üzerinde bir Database açacağız, daha sonra bir WCF Servis App yazacağız, ardından yazdığımız WCF Servis’i ayağa kaldırmak için bir web sitesi oluşturacağız. En sonunda ise WCF’i Oluşturduğumuz siteye Publish edip, Windows 8 uygulaması oluşturup Referans gösteriyoruz 1-2 deneme yaptıktan sonra işimiz bitiyor. Haid artık adımlara geçelim 🙂
1Aşama
Azure Portalı Açıp, sol menüden SQL DATABASES –> +NEW –> Quick Create diyip SQL’e bir isim ve giriş bilgileri veriyoruz.
2.Aşama
Azure üzerine kurduğumuz SQL’i açıp Alttaki menüden Manage diyoruz ve açılan sayfadaki bizim belirttiğimiz kullanıcı adı ve parolası ile giriş yapıyoruz.(Önemli: Manage dedikten sonra size 2 soru soracak bu IP adresini açayım mı gibi bir soru,bu sorulara OK diyoruz)
3.Aşama
Açılan sayfanın sol alt tarafındaki menüden Desing seçeneğini seciyoruz ve açılan sayfada +new table linkine tıklıyoruz yani bir tablo yaratıyoruz.
4.Aşama
Tablo bilgilerini aşağıdaki gibi şekillendirip Save butonuna tıklıyoruz. Şimdilik Azure üzerindeki işimiz bitti.
5.Aşama
WCF Servis App oluşturma
Visual Studio’yu açıp –> New Project –> Visual c# –> WCF –>WCF Service Application
6.Aşama
WCF Servise Entity FrameWork dahil etme
Solution Explorer altındaki WCF Servis App projesine sağ tıklayıp Add -> New Item sekmesinden açılan Pencereden Soldan Data’yı seçim seçeneklerden ADO.NET Entity Data Model’i seçiyoruz.
7.Aşama
Açılan pencerede resimdeki gibi seçim yapıyoruz.
8.Aşama
Bundan sonraki sekmede ise New Connection diyoruz ve bilgileri dolduruyoruz.
Bilgileri doldururken Server Name alanına Azure SQL’in adını yazıyoruz. Yöntem : Azure Portaldan, kurduğumuz database i açıyoruz. Üst sekmeden DASHBOARD’ı seçiyoruz ardından yandaki sekmeden Manage Allow IP Adress diyoruz ki WCF Servis Projesine Entity eklerken IP adresimize izin vermiş olalım.
Açılan sayfada ADD TO THE ALLOWED IP ADDRESSES diyoruz.
9.Aşama
Server Name kısmına yazacağımız URL’i kurduğumuz database sayfasından alacağız.
Ve Server Name kısmına yapıştıracağız aşağıdaki fotoğraftaki gibi
Ardından Yes seçeneği ile next diyerek sonraki sayfaya..
En son aşama olarakta oluşturduğumuz tek tabloyu işaretleyerek Finish diyoruz.
Ve ardından bizi bu şekilde bir ekran karşılıyor olması lazım. Solution Explorer kısmında da EntityModelim.edmx dosyasını görmüşsünüzdür.
10.Aşama
WCF Servis App’in içinde 2 önemli sayfa car bunlar IServis1.cs ve Service1.svc . Bunları açtığımızda bizi iki örnek methot karşılıyor GetData(~) ve GetDataUsingDataContract(~) , bunlarla işimiz olmadığı için siliyoruz 2 sayfadanda. Daha sonra ise önce Service1.svc.cs sayfasına asıl metodumuzu ekliyoruz ve daha sonra genlerini aldığı IServis1.cs sayfasına bunu tanıtıp yalıtıyoruz([OperationContrat] ile]). Şimdi yazacağımız metot ile tablet uygulaması üzerinden SQL’deki tablomuza veri ekleme işlemi yapıp bunun gerçekleşmesi durumunda True değerini alacağız.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<span style="color: #569cd6;">public</span> <span style="color: #569cd6;">class</span> <span style="color: #4ec9b0;">Service1</span> : <span style="color: #b8d7a3;">IService1</span> { <span style="color: #4ec9b0;">wcfIcinEntities</span> entity <span style="color: #b4b4b4;">=</span> <span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">wcfIcinEntities</span>(); <span style="color: #57a64a;">//Entity'yi çağırdık</span> <span style="color: #569cd6;">public</span> <span style="color: #569cd6;">bool</span> UyeEkle(<span style="color: #569cd6;">string</span> ad, <span style="color: #569cd6;">string</span> soyad) { <span style="color: #4ec9b0;">Random</span> rnd <span style="color: #b4b4b4;">=</span> <span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">Random</span>(); <span style="color: #569cd6;">int</span> id <span style="color: #b4b4b4;">=</span> rnd<span style="color: #b4b4b4;">.</span>Next(<span style="color: #b5cea8;">1</span>, <span style="color: #b5cea8;">1000000</span>); entity<span style="color: #b4b4b4;">.</span>UyeTablosu<span style="color: #b4b4b4;">.</span>Add(<span style="color: #569cd6;">new</span> <span style="color: #4ec9b0;">UyeTablosu</span> {ID<span style="color: #b4b4b4;">=</span> id,Ad<span style="color: #b4b4b4;">=</span><span style="color: #d69d85;">"Mert Can"</span>,Soyad<span style="color: #b4b4b4;">=</span><span style="color: #d69d85;">"KARAOĞLU"</span>}); <span style="color: #57a64a;">//LinQ ile çok basit şekilde veri ekliyoruz.</span> entity<span style="color: #b4b4b4;">.</span>SaveChanges(); <span style="color: #569cd6;">return</span> <span style="color: #569cd6;">true</span>; } } |
Hemen denemesini yapıyoruz. F5 tuşuna basıp localde WCF’i deniyoruz.
Görüldüğü gibi ad kısmına “deneme” , soyad kısmına “deneme1” yazdım ve invoke dedim(WCF’i local’de test etmiş oldum) ve value değeri True olarak bize döndü 🙂
11.Aşama
Şimdi ise WCF Service’i Azure Publich edeceğiz. Bu makalenin en önemli kısmı burası çünkü bu zamana kadar(Azure öncesi) WCF’ Servis’i ayağa kaldırmak çok zahmetliydi. Şimdi ise gerçekten çok kolay bir şekilde sadece 1-2 dk içerisinde Azure ‘da ayağa kaldıracağız. İlk olarak Azure üzerinde WCF Servis’i yayınlamak için bir site açacağız.
Bu şekilde hemen bir site oluşturuyoruz ve Visual Studio’ya geri dönüyoruz. Solution Explorer dan WCF Servis Projesine sağ tıklayıp Publish diyoruz.
Ardından çıkan pencerede Azure’u seciyoruz(Önemli Not: Azure SDK’nın yklü olması gereklidir)
Değişen sayfada Azure Hesap bilgilerini giriyoruz ve daha önceden açtığımız “wcfIcin” isimli siteyi seçiyoruz ve OK diyoruz.
Ardından gelen sekmedeki bilgilerin dolu olduğunu göreceksiniz 🙂 işte bu Azure’u Azure yapan en önemli kısımlardan bir tanesi. Yapmamız gereken yaklaşık 1-2 saatlik işten bizi kurtarmış oldu.Bu sekmede hiçbir değişiklik yapmadan Publish diyoruz.
Publish dedikten sonra dosyaları otomatik olarak Azure üzerine aktaracak yani bir ton işten kurtulmuş olduk 😀
12.Aşama (Windows 8 Tarafı)
Solution Explorer’ı açıp–> Solution –> New Project –> Visual c# –> Store App –> Windows Apps -> Blank App(windows) , diyerek projemizi oluşturuyoruz.
13.Aşama
MainPage.xaml sayfasını şekillendiriyoruz. Aşağıda resimde görüldüğü gibi.
|
1 2 3 4 5 6 7 8 9 10 11 |
<span style="color: gray;"><</span><span style="color: #e6e6e6;">Grid</span><span style="color: #92caf4;"> Background</span><span style="color: gray;">="{</span><span style="color: #bba08c;">ThemeResource</span><span style="color: #d7ba7d;"> ApplicationPageBackgroundThemeBrush</span><span style="color: gray;">}</span><span style="color: #569cd6;">"</span><span style="color: gray;">></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBox</span><span style="color: #92caf4;"> x</span><span style="color: gray;">:</span><span style="color: #92caf4;">Name</span><span style="color: gray;">=</span><span style="color: #569cd6;">"txtAd"</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"652,220,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> Width</span><span style="color: gray;">=</span><span style="color: #569cd6;">"310"</span><span style="color: #92caf4;"> Height</span><span style="color: gray;">=</span><span style="color: #569cd6;">"36"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBlock</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"442,220,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> Text</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Ad : "</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">Button</span><span style="color: #92caf4;"> x</span><span style="color: gray;">:</span><span style="color: #92caf4;">Name</span><span style="color: gray;">=</span><span style="color: #569cd6;">"btnUyeEkle"</span><span style="color: #92caf4;"> Content</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Üye Ekle"</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"439,447,0,0"</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> Width</span><span style="color: gray;">=</span><span style="color: #569cd6;">"526"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBox</span><span style="color: #92caf4;"> x</span><span style="color: gray;">:</span><span style="color: #92caf4;">Name</span><span style="color: gray;">=</span><span style="color: #569cd6;">"txtSoyad"</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"652,332,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> Width</span><span style="color: gray;">=</span><span style="color: #569cd6;">"310"</span><span style="color: #92caf4;"> Height</span><span style="color: gray;">=</span><span style="color: #569cd6;">"36"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBlock</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"442,320,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> Text</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Soyad : "</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBox</span><span style="color: #92caf4;"> x</span><span style="color: gray;">:</span><span style="color: #92caf4;">Name</span><span style="color: gray;">=</span><span style="color: #569cd6;">"txtSonuc"</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"652,601,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> Width</span><span style="color: gray;">=</span><span style="color: #569cd6;">"310"</span><span style="color: #92caf4;"> Height</span><span style="color: gray;">=</span><span style="color: #569cd6;">"36"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"><</span><span style="color: #e6e6e6;">TextBlock</span><span style="color: #92caf4;"> HorizontalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Left"</span><span style="color: #92caf4;"> Margin</span><span style="color: gray;">=</span><span style="color: #569cd6;">"442,589,0,0"</span><span style="color: #92caf4;"> TextWrapping</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Wrap"</span><span style="color: #92caf4;"> Text</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Sonuç :"</span><span style="color: #92caf4;"> VerticalAlignment</span><span style="color: gray;">=</span><span style="color: #569cd6;">"Top"</span><span style="color: #92caf4;"> FontFamily</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: #92caf4;"> FontSize</span><span style="color: gray;">=</span><span style="color: #569cd6;">"40"</span><span style="color: gray;">/></span> <span style="color: #ababab;"> </span><span style="color: gray;"></</span><span style="color: #e6e6e6;">Grid</span><span style="color: gray;">> </span> |
14.Aşama
Ayağa kaldırdığımız WCF Servisi’ni projemize dahil edeceğiz. Solution Explorer’dan referances e sağ tıklayıp Add Service Referance diyoruz
Ardından çıkan sayfada “Burası çok önemli” Address: kısmına sitenizin URL’ini ve yanına WCF Servis’in uzantısı ile birlikte adını doğru yazmanız gerekiyor. Ardından Go diyoruz ve eğer address doğru ise resimdeki gibi yazdığımız WCF Servis özüküyor. Ardından isim verip projemize ekliyoruz.
Solution Explorer’da referans olarak gözüküyor.
15.Aşama
MainPage.cs sayfasını açıyoruz ve .xaml sayfasındaki butonun click event’ını yaratıp içine giriyoruz.
16Aşama
Uygulamamızı RunTime’da deniyoruz.
İşlem başarılı bir şekilde halledildi 🙂
Son Aşama
Aslında amacımıza ulaştık ama şimdide WCF Serviste bir değişiklik yaptığımızda bunu nasıl tekrar güncelleyip Ayağa kaldıracağız ve projemizdeki servis’i nasıl tekrar güncelleyeceğizi göreceğiz. Aslında çok kolay 🙂
WCF Servis üstündeki güncellemeler bittiğinde, yine solution explorer üstünden WCF Servis projesine sağ tıklayıp Publish diyoruz, ardından açılan sayfada hiçbir değişiklik yapmadan tekrar Publish diyoruz 🙂 işte bu kadar kolay. WCF Servis Güncellendi 🙂
Şimdide client tarafında ki servis güncellemesini yapalım o da yine solution explorer sekmesinden eklediğimiz servisi bulup “Update Service Reference” diyoruz bu işte bitti 🙂 her şey çok kolay gözüküyor. Gerisi Azure’un tadını çıkartmak
İşlemler bitti, her işlemi fotoğraflarla destekleyerek anlatmaya çalıştım umarım faydalı olmuştur. Eğer aklınıza takılan bir soru olursa bana ulaşmakta çekinmeyin. İletişim sayfasından bana ulaşabilirsiniz. İyi günler dilerim,sağlıcakla kalın..
Örnek proje dosyası : En yakın zamanda !