Azure Depolama'da statik web sitesi barındırma

Statik içeriği (HTML, CSS, JavaScript ve görüntü dosyaları) genel amaçlı V2 veya BlockBlobStorage hesabındaki bir kapsayıcıdan doğrudan sağlayabilirsiniz. Daha fazla bilgi edinmek için bkz. Azure Depolama'da statik web sitesi barındırma.

Bu makalede Azure portal, Azure CLI veya PowerShell kullanarak statik web sitesi barındırmayı etkinleştirme adımları gösterilmektedir.

Statik web sitesi barındırmayı etkinleştirme

Statik web sitesi barındırma, depolama hesabında etkinleştirmeniz gereken bir özelliktir.

  1. Başlamak için Azure portal oturum açın.

  2. Depolama hesabınızı bulun ve hesabın Genel Bakış bölmesini görüntülemek için seçin.

  3. Genel Bakış bölmesinde Özellikler sekmesini seçin. Ardından statik web sitesinin yapılandırma sayfasını görüntülemek için Statik web sitesi'ni seçin.

    Azure portal içindeki Statik web sitesi yapılandırma sayfasına erişmeyi gösteren görüntü

  4. Depolama hesabı için statik web sitesi barındırmayı etkinleştirmek için Etkin'i seçin.

  5. Dizin belgesi adı alanında varsayılan bir dizin sayfası belirtin (örneğin: index.html).

    Kullanıcı statik web sitenizin köküne gittiği zaman varsayılan dizin sayfası görüntülenir.

  6. Hata belgesi yolu alanında varsayılan bir hata sayfası belirtin (Örneğin: 404.html).

    Varsayılan hata sayfası, kullanıcı statik web sitenizde bulunmayan bir sayfaya gitmeyi denediğinde görüntülenir.

  7. Statik site yapılandırmasını tamamlamak için Kaydet'e tıklayın.

    Azure portal içinde Statik web sitesi özelliklerinin nasıl ayarlandığını gösteren görüntü

  8. Bir onay iletisi görüntülenir. Statik web sitesi uç noktalarınız ve diğer yapılandırma bilgileriniz Genel Bakış bölmesinde gösterilir.

    Azure portal içindeki Statik web sitesi özelliklerini gösteren görüntü

Dosyaları karşıya yükleme

Aşağıdaki yönergelerde, Azure portal kullanarak dosyaları karşıya yükleme işlemi gösterilir. AzCopy, PowerShell, CLI veya hesabınızın $web kapsayıcısına dosya yükleyebilen herhangi bir özel uygulamayı da kullanabilirsiniz. Visual Studio code kullanarak dosyaları karşıya yükleyen adım adım bir öğretici için bkz . Öğretici: Blob Depolama'da statik web sitesi barındırma.

  1. Azure portal statik web sitenizi içeren depolama hesabına gidin. Kapsayıcı listesini görüntülemek için sol gezinti bölmesinde Kapsayıcılar'ı seçin.

  2. Kapsayıcılar bölmesinde $web kapsayıcıyı seçerek kapsayıcının Genel Bakış bölmesini açın.

    Azure portal'de web sitesi depolama kapsayıcısının nerede bulunacağı gösteren görüntü

  3. Genel Bakış bölmesinde Karşıya Yükle simgesini seçerek Blobu karşıya yükle bölmesini açın. Ardından, Dosya tarayıcısını açmak için Blobu karşıya yükle bölmesindeki Dosyalar alanını seçin. Karşıya yüklemek istediğiniz dosyaya gidin, dosyayı seçin ve ardından Dosyalar alanını doldurmak için Aç'ı seçin. İsteğe bağlı olarak, Dosyalar zaten varsa üzerine yaz onay kutusunu seçin.

    Statik web sitesi depolama kapsayıcısına dosya yüklemeyi gösteren görüntü

  4. Tarayıcının dosyanın içeriğini görüntülemesini istiyorsanız, bu dosyanın içerik türünün olarak ayarlandığından text/htmlemin olun. Bunu doğrulamak için önceki adımda karşıya yüklediğiniz blobun adını seçerek Genel Bakış bölmesini açın. Değerin CONTENT-TYPE özellik alanında ayarlandığından emin olun.

    Blob içerik türlerini doğrulamayı gösteren resim

    Not

    Bu özellik gibi yaygın olarak tanınan uzantılar için otomatik olarak .htmlayarlanırtext/html. Ancak bazı durumlarda bunu kendiniz ayarlamanız gerekir. Bu özelliği olarak text/htmlayarlamazsanız tarayıcı, kullanıcılardan içeriği işlemek yerine dosyayı indirmelerini ister. Bu özellik önceki adımda ayarlanabilir.

Web sitesi URL'sini bulma

Web sitesinin genel URL'sini kullanarak sitenizin sayfalarını bir tarayıcıdan görüntüleyebilirsiniz.

Depolama hesabınızın hesap genel bakış sayfasının yanında görünen bölmede Statik Web Sitesi'ni seçin. Sitenizin URL'si Birincil uç nokta alanında görünür.

Azure Depolama statik web siteleri ölçümleri ölçümü

Statik web sitesi sayfalarında ölçümleri etkinleştirme

Ölçümleri etkinleştirdikten sonra, $web kapsayıcıdaki dosyalardaki trafik istatistikleri ölçüm panosunda rapor edilir.

  1. Depolama hesabı menüsünün İzleyici bölümünün altındaki Ölçümler'e tıklayın.

    Ölçümler bağlantısı

    Not

    Ölçüm verileri, farklı ölçüm API'lerine bağlanarak oluşturulur. Portalda yalnızca veri döndüren üyelere odaklanmak için belirli bir zaman dilimi içinde kullanılan API üyeleri görüntülenir. Gerekli API üyesini seçebildiğinizi güvence altına almak için ilk adım zaman dilimini genişletmektir.

  2. Zaman çerçevesi düğmesine tıklayın, bir zaman dilimi seçin ve uygula'ya tıklayın.

    Azure Depolama statik web siteleri ölçüm zaman aralığı

  3. Ad Alanı açılan listesinden Blob'a tıklayın.

    Azure Depolama statik web siteleri ölçümleri ad alanı

  4. Ardından Çıkış ölçümünü seçin.

    Azure Depolama statik web siteleri Çıkış ölçümünü gösteren ekran görüntüsü.

  5. Toplama seçicisinden Toplam'ı seçin.

    Azure Depolama statik web siteleri ölçüm toplaması

  6. Filtre ekle düğmesine tıklayın ve Özellik seçiciden API adı'nı seçin.

    Azure Depolama statik web siteleri ölçüm API'si adı

  7. Ölçüm raporunu doldurmak için Değerler seçicisinde GetWebContent'in yanındaki kutuyu işaretleyin.

    Azure Depolama statik web siteleri ölçümleri GetWebContent

    Not

    GetWebContent onay kutusu yalnızca bu API üyesi belirli bir zaman dilimi içinde kullanıldıysa görünür. Portalda yalnızca veri döndüren üyelere odaklanmak için belirli bir zaman dilimi içinde kullanılan API üyeleri görüntülenir. Bu listede belirli bir API üyesini bulamazsanız zaman dilimini genişletin.

Sonraki adımlar