Windows Azure - İlk Uygulama
- Sevdanur GENC
- Aug 8, 2012
- 4 min read
Bu makalemde Windows Azure için basit bir web sitesi oluşturucaz ve bunu Azure ortamına publish edicez. İşlemlerimizi adım adım gerçekleştiriyor olacağız. Aynı zananda Manage.WindowsAzure yönetim paneli sayfasında nasıl hareket etmemiz gerektiğini inceliyor olacağız. Merhaba Dünya isimli ilk projemizi oluşturabilmemiz için öncelikle Visual Studio 2012 RC ‘mizi açıyoruz. Burada Visual Studio ‘yu Administrator olarak açmayı dikkat etmelisiniz. Visual Studio’nun üzerinde sağ tuş ile Run As Administrator ‘u seçiyoruz.
Admin olarak açmış olduğumuz visual studio içerisinde File ->New->Project lokasyonunu kullanarak yeni bir proje oluşturmamız gerekiyor. Karşımıza gelen New Project penceresinde, sol tarafta Templates içerisinden Cloud ’u seçeriz. Projemiz için uygun olacak olan framework olan, .NetFramework4 ‘ü seçeriz. Windows Azure Cloud Service ‘i seçtikten sonra projeye bir isim vermemiz gerekiyor. Uygulamamızın adını, MerhabaDunya olarak belirleyebiliriz.
Windows Azure için bir Role seçmemiz gerektiği için karşımıza New Windows Azure Cloud Service penceresi açılmaktadır.
Şimdilik yapacağımız web projesi basit bir uygulama olacağından dolayı Web Role’ümüzü sol taraftaki bölümden ASP.Net Web Role ü seçiyor ve yan tarafa ok işaretinin olduğu buton yardımıyla taşırız.
Yan tarafa taşımış olduğumuz Web Role’ün varsayılan ismini değiştirebilmemiz için, sağ tarafta eklemiş olduğumuz webrole’ün üzerine geliriz ve hemen sağ tarafında çıkan kalem işareti ile ismini düzenleyebiliriz. Uygulamamız için ismini Deneme olarak değiştiriyor ve yaptığım bu ayarları kaydediyorum.
Projemiz oluşturulma aşamasındayken system tray’da Windows Azure Emulator ile ilgili aşamaları kullanıcıya aktarıyor olacaktır.
Standart olarak oluşturduğumuz proje içerisinde ki önceden oluşturulan örnek siteleri Solution Explorer penceresinden silelim ve kendimiz iki tane web form oluşturalım. İki web form u oluşturabilmemiz için Solution Explorer penceresindeyken projemizin üzerinde sağ tuş yapıyoruz ve Add->New Item lokasyonunu kullanıyoruz. Karşımıza gelen Add New Item penceresinde sol tarafta Web seçiliyken sağ taraftada Web Form’u seçiyoruz ve oluşturacağımız sayfanın ismini AnaSayfa.aspx olarak belirtiyoruz.
Tasarımlarını ve kodlarını aşağıdaki gibi gerçekleştiriyoruz.
Buradaki ama, ana sayfadan gelen kullanıcının ismini hoş geldin sayfasına yönlendirerek kullanıcıya merhaba demesidir.
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AnaSayfa.aspx.cs" Inherits="Deneme.AnaSayfa" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<table>
<tr>
<td>Kullanıcı İsmi : </td>
<td>
<asp:TextBox ID="TextBox1" runat="server" Width="355px"></asp:TextBox>
</td>
</tr>
<tr>
<td> </td>
<td>
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Gönder" Width="128px" />
</td>
</tr>
</table>
<br />
</form>
</body>
</html>
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Deneme
{
public partial class AnaSayfa : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
string KullaniciIsmiAl = TextBox1.Text;
string HosgeldinMesaji = "Merhaba! Windows Azure Hesabına Hoşgeldin, " + KullaniciIsmiAl;
Response.Redirect("HosgeldinSayfasi.aspx?MesajAl=" + HosgeldinMesaji);
}
}
}
HosgeldinSayfasi.Aspx 'e ait kaynak kodlar;
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="HosgeldinSayfasi.aspx.cs" Inherits="Deneme.HosgeldinSayfasi" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
</div>
</form>
</body>
</html>
HosgeldinSayfasi.Aspx.Cs 'e ait kaynak kodlar;
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace Deneme
{
public partial class HosgeldinSayfasi : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Label1.Text = Request.QueryString["MesajAl"].ToString();
}
}
}
Uygulamanın Ekran Görüntüsü
adresine girilir. Ve önceden üyeliğini almış olduğunuz hesabınızla giriş yapıyoruz. Karşımıza 5 adımdan oluşan bir Windows Azure Tour penceresi gelmektedir.
İlk adımda kullanıcıya kayıtlı olduğuna dair bir yönetim paneline yönlendirileceğini gösteren ve adımları Next butonu ile tek tek geçebileceğinden bahsediyor.
Üçüncü adımda, herhangi bir yeni servis veya bileşen oluşturmak istediğinizde explorer penceresinin altından kullanıcının karşısına çıkabilecek bir Create New menüsü bulunmaktadır. Burada yeni bir web sitesi, sanal makina, bulut servisi, sql veri tabanı gibi alanlarınızı oluşturabilirsiniz.
Beşinci ve son adımda ise yaptığınız işlemlerin durumlarını, süreçlerini gösterebileceği yine Explorer pencerenizin hemen altında bulunan Notification Menü penceresinden görebilirsiniz.
Uygulamamızı Azure'da Yayınlayalım
Tur tamamlandıktan sonra, karşımıza gelen pencereden sol tarafta bulunan menüden Web Sites ‘ı seçiyoruz ve ilk web sitemizle ilgili alanımızı oluşturuyoruz. Bunun için pencerenin aşağısında bulunan + New butonunu tıklayabilir veya ekranın ortasında seçenek olarak sunulan Create A Web Site ‘yi seçebilirsiniz.
+ New butonunu tıkladığımızda karşımıza New isminde bir menü açılacaktır. Buradan Web Site ‘ı seçeriz. Hemen alt menüsünde ise Create With Database seçeneğini tıklıyor olacağız.
Karşımıza üç aşamalı bir pencere çıkıyor olacak. Burada projemizi Windows Azure ortamında hangi URL ile çağırılacağına dair bilgilerin girişini yapmamız gerekiyor. Uygulamamızın url’ini merhabadunya olarak belirtiyorum ve aşağıdaki sağ ok tuşu ile ilerliyorum.
Ve artık oluşturmuş olduğumuz web sitesine ait ilgili bilgilerin bulunduğu ekran karşımıza geliyor olacak. İlk başta oluşturduğumuz bağlantının sisteme adapte olabilmesi için ve tüm oluşumlarını tamamlayabilmesi için ekranda gördüğünüz gibi status durumu Creating durumundadır.
Oluşum tamamlandıktan sonra sistemin statusu yani durumu artık Running olarak değişmektedir.
Açılan ekranın hemen sağ tarafında Quick Glance seçeneğinin altında bulunan Show Connection Strings ‘i tıklıyoruz.
User ID=merhabadunyaDB@f00sl8k4um; Password={mddb.12345};
Şeklinde cümlemizin içerisinde düzeltmelerimizi yaptıktan sonra artık uygulamamızı publish edebilmemiz için gerekli olan Publish Setting File dosyasını Azure’un sitesinden indirmemiz gerekiyor.
Windows Azure Platform’una geri dönüyoruz. Web Site tabı içerisinde bulunan Quick Glance sekmesi altında bulunan Download Publish Profile ‘ı tıklıyoruz.
Dördüncü adımda Preview ekranı karşımıza gelmektedir. Burada Start Preview butonu tıklanıldığında Publish edeceğimiz bütün dosyaların listesi karşımıza gelecektir.
Değişiklik yapılmış tüm dosyaların listesi karşımıza geldikten sonra, Publish ile bulunan bu değişiklikleri Azure’a göndermeye başlayabiliriz.
İşlemlerin akışını output ekranıda görebilirsiniz.
Uygulamamızı Explorer’da çalışırtırırken http://merhabadunya.azurewebsites.net adresini adres çubuğuna yazıyoruz. Ve gördüğünüz gibi uygulamamızın AnaSayfa.aspx ‘i karşımıza geliyor olacak. Kullanıcı ismini girip Gönder butonuna tıkladıktan sonra kendisi HosgeldinSayfasi.aspx ‘e yönlendirerek girilen kullanıcı isminide kullanarak kullanıcıya mesaj verecektir.
Comments