Aracılığıyla paylaş

İzlenecek yol: Oturum Açma ve Kapatmanın Gerekli Olduğu Web Performans Testi Oluşturma

  • Makale

Bu örnekte, oturum açma ve kapama gereken basit bir Web uygulaması yaratmayı öğrenirsiniz. Uygulama bir alışveriş uygulanmasının benzetimini yapar, ancak işlev kodu içermez. Son olarak, uygulamayı test etmek için bir Web başarım testi oluşturun.

Bu yönergede, aşağıdaki görevleri gerçekleştirmeniz gerekmektedir:

  • Basit Web uygulaması oluşturma.

  • Web Başarım Testi Oluşturma

  • Varolan Web başarım testinden yeni Web başarım testlerini ayıklama

  • Varolan Web başarım testlerinden yeni bir Web başarım testi oluşturun.

Önkoşullar

Bu örnek için şunlar gerekir:

  • Visual Studio 2010 Ultimate

Web Uygulaması Yaratma

Web uygulaması oluşturmak için

  1. Visual Studio 2010 Ultimate içinde, Dosya menüsünde Dosya'ya ve daha sonra Proje'ye tıklatın.

    Yeni Proje iletişim kutusu görüntülenir.

  2. Yüklü şablonlar altında, tercih ettiğiniz programlama dilini seçin ve Web'e tıklatın.

  3. Web Proje türleri listesinde, Boş ASP.NET Uygulaması'nı seçin.

    Not

    Bu yönergede çok az kod yazacaksınız.

  4. İsim kutusuna, ShoppingWebApp yazın.

  5. Konum kutusunda, Web uygulamanızı oluşturacağınız klasörü belirtin.

  6. Çözüm için dizin oluştur'u seçin.

  7. Tamam düğmesini tıklatın.

  8. Proje menüsünden, Yeni Öğe Ekle'yi seçin.

    Yeni Öğe Ekle iletişim kutusu görüntülenir.

  9. Öğeler listesinde, Web formu seçin.

  10. Ad metin kutusunda, Default.aspx yazın ve sonra Ekle'yi tıklatın.

Web uygulaması için ana sayfa oluşturmak üzere

  1. Çözüm Gezgini'nde, Default.aspx'e sağ tıklatın ve Görünüm Tasarımcısı'nı tıklatın.

    Boş bir sayfa görüntülenir.

  2. Araç kutusu görünür değilse, Görünüm'ü ve ardından Araç kutusu'nu tıklatın.

  3. Standart grupdan, beş düğmeyi sayfaya sürükleyin. Bu adımı tamamlamak için aşağıdaki tabloyu kullanın.

    Not

    Düğmeyi açmak için her düğmeye çift tıklayın, olayı tıklatın ve kodu ekleyin.

    Denetim

    Metin Özelliği

    Düğme Tıklatma Kodu

    Button1

    Oturum Açmaya Git

    		 
    Response.Redirect("Login.aspx");

    Button2

    Ürün 1

    		 
    Response.Redirect("Product1.aspx");

    Button3

    Ürün 2

    		 
    Response.Redirect("Product2.aspx");

    Button4

    Alışveriş Kartı

    		 
    Response.Redirect("Cart.aspx");

    Button5

    Oturum Açmaya Git

    		 
    Response.Redirect("Logout.aspx");

  4. Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web uygulamasına sayfalar eklemek için

  1. Web site menüsünde, Yeni Öğe Ekle'yi tıklatın.

  2. Yeni Öğe Ekle iletişim kutusunda Web Form şablonunu tıklatın ve Login.aspx olarak adlandırın ve sonra Ekle'yi tıklatın.

  3. Belge penceresinin en altında, dasarım görünümünü değiştirmek için Tasarım sekmesini tıklatın.

  4. Sayfaya bir düğme sürükleyin.

  5. Sayfaya bir metin kutusu sürükleyin.

  6. Dört kez daha 1'den 4'e kadar olan adımları yineleyin. Bu adımı tamamlamak için aşağıdaki tabloyu kullanın.

    Web Sayfası

    Denetim

    Metin Özelliği

    Düğme Tıklatma Kodu

    Login.aspx

    TextBox1

    -

    -

    Login.aspx

    Button1

    Oturum Açma

    		 
    Response.Redirect("Default.aspx");

    Product1.aspx

    Button1

    Karta Ekleme

    		 
    Response.Redirect("Default.aspx");

    Product2.aspx

    Button1

    Karta Ekleme

    		 
    Response.Redirect("Default.aspx");

    Cart.aspx

    Button1

    Satın Al

    		 
    Response.Redirect("Default.aspx");

    Logout.aspx

    Button1

    Oturumu Kapatma

    		 
    Response.Redirect("Default.aspx");

    Not

    Bu Web uygulamasında hiç gerçek işlev yoktur. Her sayfayı gönderme, kullanıcıyı ana sayfasına döndürür. Bu işlevsellik, bu örneğin amacı için yeterli olur.

  7. Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web uygulamasını el ile test etmek için

  1. Çözüm Gezgini'nde, Varsayılan.aspx'e sağ tıklatın ve ardından Başlangıç Sayfası Olarak Ayarla'yı tıklatın.

  2. Tarayıcıda Web uygulamasını çalıştırmak için CTRL+F5 tuşuna basın. Ana sayfa, Default.aspx görürsünüz.

    Not

    Bu Web başarım testinizi test edecek olan Web uygulamasını çalıştıran ASP.NET Geliştirme Sunucusunu başlatır. Görev çubuğunun uzak sağındaki bildirim alanında ASP.NET Geliştirme Sunucu simgesini göreceksiniz.

  3. Web uygulamasının adresini, panoya veya bir not defteri dosyasına kopyalayın. Örnekte, sonraki adım için adrese ihtiyacınız olacak. Örneğin, adres şunun benzeri olabilir: https://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  4. Oturum Açmak için Git'i tıklatın. Login.aspx sayfası açılır.

  5. Metin kutusuna adınızı yazın ve Oturum Aç'ı tıklatın. Ana sayfa açılır.

  6. Product 1'i tıklatın. Product1.aspx sayfası açılır.

  7. Karta Ekle'yi tıklatın. Ana sayfa açılır.

  8. Product 2'yi tıklatın. Product2.aspx sayfası açılır.

  9. Karta Ekle'yi tıklatın. Ana sayfa açılır.

  10. Alışveriş Kartı'nı tıklatın. Cart.aspx sayfası açılır.

  11. Satın al'ı tıklatın. Ana sayfa açılır.

  12. Oturum Kapatmak için Git'i tıklatın. Logout.aspx sayfası açılır.

  13. Oturumu Kapat'ı tıklatın. Ana sayfa açılır.

  14. Web tarayıcısını kapatın.

Web Başarım Testi Oluşturma

Şimdi bu uygulamayı test etmenize olanak sağlayan bir Web Başarım Testi oluşturmaya hazırsınız.

Web başarım testi uygulaması oluşturmak için

  1. Visual Studio 2010 Ultimate'nun yeni bir örneğinde, Dosya menüsünde, Yeni'nin üzerine gelin ve Proje'yi tıklayın.

    Yeni Proje iletişim kutusu görüntülenir.

  2. Installed Templates (Yüklü Şablonlar) altında, tercihinize göre Visual Basic veya Visual C#'ı genişletin ve Test düğümünü seçin.

  3. Şablonlar altında, Test Projesi'ni tıklatın.

  4. Ad kutusuna, ShoppingWebAppTest yazın.

  5. Konum kutusunda, Web uygulamasını kaydettiğiniz klasörün adını yazın. Örneğin, klasör adı C:\WebSites\ShoppingWebApp yazın.

  6. Tamam düğmesini tıklatın.

    Test projesi oluşturulur.

    Not

    Varsayılan olarak, Visual Studio birim test dosyası ve yazma testler hakkında bilgi sahibi olan metin dosyası ekleyecektir. Bu örnek için bu dosyalar gerekmez. Bu nedenle, bunları silebilirsiniz. Dosyaları silmezsiniz, onlar bu yönergeyi etkilemeyecektir.

  7. Test menüsünden, Yeni Test'i tıklatın.

    Yeni Test Ekle iletişim kutusu görüntülenir.

  8. Yeni Test Ekle iletişim kutusunda, Web Başarım Testi'ni seçin, test WebTest1.webtest'i adlandırın ve sonra Tamam'ı tıklayın.

    WebTest1.webtest olarak adlandırılan yeni Web performans testi dosyası projenize eklenir ve Internet Explorer'ın yeni örneği içinde Web Performans Test Kaydedicisi açılır.

  9. Tarayıcının adres çubuğunda, önceki adımda kopyladığınız Web uygulamasının adını adresini yazın ve ENTER'a basın.

    Not

    Web Performans Testi Kaydedicisi'nde Web performans testi kaydedilirken, Visual Studio Web performans testi URL'sini görüntülemeye başlar.

  10. Oturum Açmak için Git'i tıklatın. Login.aspx sayfası açılır.

  11. Metin kutusuna adınızı yazın ve Oturum Aç'ı tıklatın. Ana sayfa açılır.

  12. Product 1'i tıklatın. Product1.aspx sayfası açılır.

  13. Karta Ekle'yi tıklatın. Ana sayfa açılır.

  14. Product 2'yi tıklatın. Product2.aspx sayfası açılır.

  15. Karta Ekle'yi tıklatın. Ana sayfa açılır.

  16. Alışveriş Kartı'nı tıklatın. Cart.aspx sayfası açılır.

  17. Satın al'ı tıklatın. Ana sayfa açılır.

  18. Oturum Kapatmak için Git'i tıklatın. Logout.aspx sayfası açılır.

  19. Oturumu Kapat'ı tıklatın. Ana sayfa açılır.

  20. kaydı durdurmak için Web Performansı Test Kaydedicisi üzerinde Durdur seçeneğini tıklatın.

    Internet Explorer kapanacak ve siz de Web performans testini Web Performans Testi Düzenleyicisi'ndeki URL'ler listesinde göreceksiniz. Kaydı durdurduktan sonra, testi düzenleyebilirsiniz.

  21. Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web başarım testi uygulamasını çalıştırmak için

  1. Web Performans Testi Düzenleyicisi'nde araç çubuğunda Testi Çalıştır'ı tıklatın.

    Test çalışmaya başlar ve bir Web Performans Testi Sonuçları Görüntüleyicisi öğesi testteki her isteği görüntüler. Test Sonuçları penceresi, tüm test için sonucu görüntüler.

  2. Test Sonuçları penceresinde, geçilen testi doğrulayın.

  3. Web Performans Testi Sonuçları Görüntüleyicisi'nde listedeki bazı istekleri seçin ve alt bölmedeki Web tarayıcısında gösterilen sonuçları inceleyin. Testin düzgün çalıştığını doğrulayın.

Yeni Web Başarım Testlerini Ayıklama

Varolan Web başarım testleriden tek bireysel istekleri çıkartarak yeni Web başarım testleri oluşturabilirsiniz. Daha fazla bilgi için bkz. Nasıl yapılır: Web Performans Testindeki İstekleri Yeni Web Performans Testi Oluşturmak İçin Ayıklama.

Varolan Web başarım testinden yeni Web başarım testlerini ayıklamak için

  1. Web Performance Testi Düzenleyicisi'nde WebTest1 öğesini açın.

  2. İstek ağacında WebTest1'i sağ tıklatın ve daha sonra Web Test Ayıkla'yı tıklatın.

    Web Test Ayıkla iletişim kutusu görünür.

  3. Web test adı içine Oturum aç yazın.

  4. Web test için ilk öğeyi seç açılan içindeki ilk isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Default.aspx

  5. Web test için son öğeyi seç aşağı açılan listesinde üçüncü isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Login.aspx

  6. Tamam düğmesini tıklatın.

    Login adlı yeni Web başarım testi oluşturuldu. Web Performans Testi Düzenleyici'nde istek ağacında ayıkladığınız bireysel istekler yerine Login eklenir. Çözüm Gezgini içinde, Login.webtest proje listesine eklenir.

  7. İstek ağacında WebTest1'i sağ tıklatın ve daha sonra Web Test Ayıkla'yı tıklatın.

    Web Test Ayıkla iletişim kutusu görünür.

  8. Web test adı içine Login yazın.

  9. Web test için ilk öğeyi seç açılan içindeki, Login'den sonraki ilk isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Default.aspx

  10. Web test için son öğeyi seç listesinde altıncı isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Cart.aspx

  11. Tamam düğmesini tıklatın.

    BrowseAndBuy adlı yeni Web başarım testi oluşturuldu. Web Performans Testi Düzenleyici'nde istek ağacında ayıkladığınız bireysel istekler yerine BrowseAndBuy eklenir. Çözüm Gezgini içinde, BrowseAndBuy.webtest proje listesine eklenir.

  12. İstek ağacında WebTest1'i sağ tıklatın ve daha sonra Web Test Ayıkla'yı tıklatın.

    Web Test Ayıkla iletişim kutusu görünür.

  13. Web test adı içine Logout yazın.

  14. Web test için ilk öğeyi seç açılan içindeki, BrowseAndBuy'dan sonraki ilk isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Default.aspx

  15. Web test için son öğeyi seç listesinde son isteği seçin. İstek, aşağıdakine benzer:

    https://localhost:<BağlantıNoktasıNumarası>/ShoppingWebApp/Logout.aspx

  16. Tamam düğmesini tıklatın.

    Logout adlı yeni Web başarım testi oluşturuldu. Web Performans Testi Düzenleyici'nde istek ağacında ayıkladığınız bireysel istekler yerine Logout eklenir. Çözüm Gezgini içinde, Logout.webtest proje listesine eklenir.

  17. Web başarım testi istek ağacında hiç kalan bireysel istek olmadığını doğrulayın. Yani, WebTest1 şimdi tamamen, diğer Web performans testleri çağrılarından oluşur.

  18. Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web başarım testi uygulamasını çalıştırmak için

  1. Web Performans Testi Düzenleyicisi'nde araç çubuğunda Testi Çalıştır'ı tıklatın.

    Test çalışmaya başlar ve bir Web Performans Testi Sonuçları Görüntüleyicisi öğesi testteki her isteği görüntüler. Test Sonuçları penceresi, tüm test için sonucu görüntüler.

  2. Test Sonuçları penceresinde, geçilen testi doğrulayın.

  3. Web Performans Testi Sonuçları Görüntüleyicisi'nde listedeki bazı istekleri seçin ve alt bölmedeki Web tarayıcısında gösterilen sonuçları inceleyin. Testin düzgün çalıştığını doğrulayın.

    Not

    Web Performans Testi Sonuçları Görüntüleyicisi'nde artık ağaçta WebTest1.Login, WebTest1.BrowseAndBuy ve WebTest1.Logout adlı daraltılabilir düğümler vardır. Bu, testinizin parçalarını daha kolay gözden geçirmenize yardımcı olur.

Yeni Web Başarım Testlerini Oluşturma

Varolan Web başarım testlerini oluşturarak yeni Web başarım testlerini oluşturabilirsiniz. Daha fazla bilgi için bkz. Nasıl yapılır: Web Performans Testinde Diğer Web Performans Testine Çağrı Ekleme.

Varolan Web başarım testlerinden yeni bir Web başarım testi oluşturmak için

  1. Test menüsünden, Yeni Test'i tıklatın.

    Yeni Test Ekle iletişim kutusu görüntülenir.

  2. Yeni Test Ekle iletişim kutusunda, Web Başarım Testi'ni seçin, test AllTest.webtest'i adlandırın ve sonra Tamam'ı tıklayın.

    AllTest.webtest olarak adlandırılan yeni Web performans testi dosyası projenize eklenir ve Internet Explorer'ın yeni örneği içinde Web Performans Test Kaydedicisi açılır.

  3. Gözatmadan kaydı durdurmak için Web Performans Test Kaydedicisi'nde Durdur'u tıklatın.

    Internet Explorer kapanacak ve siz de Web performans testini Web Performans Testi Düzenleyicisi'nde göreceksiniz. Gözatmadığınız için test boş.

  4. İstek ağacında, AllTest'e (Tüm testler) sağ tıklatın ve ardından Web Testine Çağrı Ekle'yi tıklatın.

    Choose Test (Test Seç) iletişim kutusu görüntülenir.

  5. Login (Oturum aç)'ı ve artından Tamam'ı tıklatın. Login Web performans testi istek ağacına eklenir.

  6. İstek ağacında, AllTest'e (Tüm testler) sağ tıklatın ve ardından Web Testine Çağrı Ekle'yi tıklatın.

    Choose Test (Test Seç) iletişim kutusu görüntülenir.

  7. BrowseAndBuy'ı ve ardından Tamam'ı tıklatın. BrowseAndBuy Web performans testi istek ağacına eklenir.

  8. İstek ağacında, AllTest'e sağ tıklatın ve ardından Web Testine Çağrı Ekle'yi tıklatın.

    Choose Test (Test Seç) iletişim kutusu görüntülenir.

  9. Logout'u ve artından Tamam'ı tıklatın. Logout Web performans testi istek ağacına eklenir.

  10. Dosya menüsünde, Tümünü Kaydet'i tıklatın.

Web başarım testi uygulamasını çalıştırmak için

  1. Web Performans Testi Düzenleyicisi'nde araç çubuğunda Testi Çalıştır'ı tıklatın.

    Test çalışmaya başlar ve bir Web Performans Testi Sonuçları Görüntüleyicisi öğesi testteki her isteği görüntüler. Test Sonuçları penceresi, tüm test için sonucu görüntüler.

  2. Test Sonuçları penceresinde, geçilen testi doğrulayın.

  3. Web Performans Testi Sonuçları Görüntüleyicisi'nde listedeki bazı istekleri seçin ve alt bölmedeki Web tarayıcısında gösterilen sonuçları inceleyin. Testin düzgün çalıştığını doğrulayın.

Sonraki Adımlar

Artık Web başarım testine sahipsiniz, bunu yükleme testine ekleyebilirsiniz. Oturum açma ve kapama adımlarını sanal kullanıcı başına sadece bir kez gerçekleştiren ve BrowseandBuy adımını sanal kullanıcı başına birden çok kez test edebilen yükleme testi oluşturabilirsiniz.

Ayrıca bkz.

Görevler

Web Performans Test Kaydedicisini Kullanarak bir Yeni Web Performans Testi Nasıl Oluşturulur

Web Performans Testi Düzenleyicisi Kullanılarak Varolan Bir Web Performans Testi Nasıl Düzenlenir

Kavramlar

Web Performans Testlerini Çalıştırma

Web Başarım Testi İzlenecek Yolları