Aracılığıyla paylaş


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

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önergeyi tamamlamak için, 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

Gereksinim duyacaklarınız aşağıdadır:

  • Visual Studio Ultimate

Web Uygulaması Yaratma

Web uygulaması oluşturmak için

  1. İçinde Visual Studio Ultimate, Dosya menüsünden seçin Yeni ve sonra seçin Proje.

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

  2. Altında Yüklü Şablonlar, ettiğiniz programlama dilini tercih ve seçin Web.

  3. Web proje türleri listesinde seçin Boş asp.net uygulaması.

    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'ı seçin.

  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. İçinde adı metin kutusunu, türü Default.aspx ve sonra Ekle.

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

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

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

  2. Araç kutusu görünmüyorsa, seçim Görünüm ve sonra seçin araç.

  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ı seçin ve kodu ekleyin.

    Denetim

    Metin Özelliği

    Kod düğmesini seçin

    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. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

Web uygulamasına sayfalar eklemek için

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

  2. İçinde Add New Item iletişim kutusunda, Seç Web formu şablon, onu Login.aspxve sonra seçin Ekle.

  3. Belge penceresinin en altında seçin Tasarım Tasarım görünümüne geçiş yapmak için sekme.

  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

    Kod düğmesini seçin

    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. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

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

  1. İçinde Çözüm Gezgini, varsayılan.aspx'e sağ tıklatın ve sonra'ı Başlangıç sayfası olarak ayarla.

  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: http://localhost:<PortNumber>/ShoppingWebApp/Default.aspx

  4. Seçim oturum açmaya Git. Login.aspx sayfası açılır.

  5. Metin kutusuna adınızı yazın ve sonra seçin Oturum. Ana sayfa açılır.

  6. Seçim Ürün 1. Product1.aspx sayfası açılır.

  7. Seçim sepetine eklemek. Ana sayfa açılır.

  8. Seçim Ürün 2. Product2.aspx sayfası açılır.

  9. Seçim sepetine eklemek. Ana sayfa açılır.

  10. Seçim alışveriş. Cart.aspx sayfası açılır.

  11. Seçim satın. Ana sayfa açılır.

  12. Seçim oturum açmaya Git. Logout.aspx sayfası açılır.

  13. Seçim must. 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. Yeni bir örneğini, Visual Studio Ultimate, Dosya menüsü, Yeni ve sonra seçin Proje.

    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 seçin Web performans ve Yük Test projesi.

  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'ı seçin.

    WebTest1.webtest olarak adlandırılan bir web performans testi içeren Web performans ve yük test projesi oluşturulur.

  7. Çözüm Gezgini'nde, kısayol menüsünü açıp seçme WebTest1.webtest seçin yeniden. Testi yeniden adlandırma WebTest1.webtest.

  8. Solution Explorer'da WebTest1.webtest seçin, kısayol menüsünü açın ve sonra seçin açık.

    Web Performans Testi Düzenleyicisi görüntülenir.

  9. Web Performans Testi Düzenleyicisi'nde seçin Kayıt Ekle araç çubuğundan.

    Üzerinde ekleme görüntülenen Web Testi Kaydedicisi ile sizin web tarayıcısı açar.

    Not

    Web Testi Kaydedicisi görmüyorsanız, eklentileri, dahil etmek için web tarayıcınızı yapılandırmanız gerekir.

  10. 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.

  11. Seçim oturum açmaya Git. Login.aspx sayfası açılır.

  12. Metin kutusuna adınızı yazın ve sonra seçin Oturum. Ana sayfa açılır.

  13. Seçim Ürün 1. Product1.aspx sayfası açılır.

  14. Seçim sepetine eklemek. Ana sayfa açılır.

  15. Seçim Ürün 2. Product2.aspx sayfası açılır.

  16. Seçim sepetine eklemek. Ana sayfa açılır.

  17. Seçim alışveriş. Cart.aspx sayfası açılır.

  18. Seçim satın. Ana sayfa açılır.

  19. Seçim oturum açmaya Git. Logout.aspx sayfası açılır.

  20. Seçim must. Ana sayfa açılır.

  21. Seçim durdurmak , Web Performans Testi Kaydedicisi kaydı durdurmak için.

    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.

  22. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

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

  1. İçinde Web Performans Testi Düzenleyicisi, seçim Test çalışması araç çubuğunda.

    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: Varolan Bir 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 sonra seçin Web Test Ayıkla.

    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:

    http://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:

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

  6. Tamam'ı seçin.

    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 sonra seçin Web Test Ayıkla.

    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:

    http://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:

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

  11. Tamam'ı seçin.

    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 sonra seçin Web Test Ayıkla.

    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:

    http://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:

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

  16. Tamam'ı seçin.

    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. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

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

  1. İçinde Web Performans Testi Düzenleyicisi, seçim Test çalışması araç çubuğunda.

    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. Çözüm Gezgini'nde, kısayol menüsünü açın ShoppingWebAppTest yük ve Web performansı test projesi ve seçin Ekle. Sonra seçim Web başarım testi.

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

  2. Seçim durdurmak , Web Performans Testi Kaydedicisi Gözatmadan kaydı durdurmak için.

    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ş.

  3. İstek ağacında, sağ WebTest2 ve sonra Web testine çağrı Ekle.

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

  4. Oturum Aç'ı seçin ve sonra seçin Tamam. Login Web performans testi istek ağacına eklenir.

  5. İstek ağacında, sağ WebTest2 ve sonra Web testine çağrı Ekle.

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

  6. BrowseAndBuy'ı seçin ve sonra seçin Tamam. BrowseAndBuy Web performans testi istek ağacına eklenir.

  7. İstek ağacında, sağ WebTest2 ve sonra Web testine çağrı Ekle.

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

  8. Oturumu Kapat'ı seçin ve sonra seçin Tamam. Logout Web performans testi istek ağacına eklenir.

  9. Üzerinde Dosya menüsünden seçin Tümünü Kaydet.

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

  1. İçinde Web Performans Testi Düzenleyicisi, seçim Test çalışması araç çubuğunda.

    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ı