Azure Depolama statik bir web sitesi barındırma

Makale
09/27/2021
Okumak için 5 dakika

Genel amaçlı v2 veya blockblobstorage hesabındaki bir kapsayıcıdan doğrudan statik IÇERIK (HTML, CSS, JavaScript ve resim dosyaları) hizmeti sağlayabilirsiniz. daha fazla bilgi için bkz. Azure Depolama 'de statik web sitesi barındırma.

Bu makalede Azure portal, Azure CLı veya PowerShell kullanarak statik Web sitesi barındırmayı nasıl etkinleştireceğinizi gösterilmektedir.

Statik Web sitesi barındırmayı etkinleştir

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

Başlamak için Azure Portal oturum açın.
Depolama hesabınızı bulun ve hesaba genel bakış ' ı görüntüleyin.
Statik Web siteleri için yapılandırma sayfasını göstermek üzere statik Web sitesi ' ni seçin.
Depolama hesabı için statik Web sitesi barındırmayı etkinleştirmek üzere etkin ' i seçin.
Dizin belgesi adı alanında, bir varsayılan dizin sayfası (örneğin: index.html) belirtin.

Varsayılan dizin sayfası, bir Kullanıcı statik Web sitenizin köküne gittiğinde görüntülenir.
Hata belgesi yolu alanında, varsayılan bir hata sayfası (örneğin: 404.html) belirtin.

Varsayılan hata sayfası, bir Kullanıcı statik Web sitenizde mevcut olmayan bir sayfaya gitmeye çalıştığında görüntülenir.
Kaydet’e tıklayın. Azure portal artık statik Web sitesi uç noktanızı görüntülüyor.

Azure Command-Line arabirimi 'ni (CLI)kullanarak statik Web sitesi barındırmayı etkinleştirebilirsiniz.

İlk olarak, Azure Cloud Shellaçın veya Azure CLI 'yı yerel olarak yüklediyseniz , Windows PowerShell gibi bir komut konsol uygulaması açın.
Kimliğiniz birden fazla abonelikle ilişkiliyse, etkin aboneliğinizi statik Web sitenizi barındıracak depolama hesabının aboneliğine ayarlayın.
```
az account set --subscription <subscription-id>
```
<subscription-id>Yer tutucu değerini ABONELIĞINIZIN kimliğiyle değiştirin.
Statik Web sitesi barındırmayı etkinleştirin.
```
az storage blob service-properties update --account-name <storage-account-name> --static-website --404-document <error-document-name> --index-document <index-document-name>
```
- <storage-account-name>Yer tutucu değerini depolama hesabınızın adıyla değiştirin.
- <error-document-name>Yer tutucusunu, sitenizde mevcut olmayan bir sayfa istediğinde, kullanıcılara görüntülenecek olan hata belgesinin adıyla değiştirin.
- <index-document-name>Yer tutucusunu Dizin belgesinin adıyla değiştirin. Bu belge genellikle "index.html".

Azure PowerShell modülünü kullanarak statik web sitesi barındırmayı etkinleştirebilirsiniz.

bir Windows PowerShell komut penceresi açın.
Azure PowerShell modülünüzün az 0,7 veya sonraki bir sürümü olduğunu doğrulayın.
```
Get-InstalledModule -Name Az -AllVersions | select Name,Version
```
Yüklemeniz veya yükseltmeniz gerekirse, bkz. Azure PowerShell Modülü yükleme.
Connect-AzAccount komutuyla Azure aboneliğinizde oturum açın ve ekrandaki yönergeleri izleyin.
```
Connect-AzAccount
```
Kimliğiniz birden fazla abonelikle ilişkiliyse, etkin aboneliğinizi statik Web sitenizi barındıracak depolama hesabının aboneliğine ayarlayın.
```
$context = Get-AzSubscription -SubscriptionId <subscription-id>
Set-AzContext $context
```
<subscription-id>Yer tutucu değerini ABONELIĞINIZIN kimliğiyle değiştirin.
Kullanmak istediğiniz depolama hesabını tanımlayan depolama hesabı bağlamını alın.
```
$storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
$ctx = $storageAccount.Context
```
- <resource-group-name>Yer tutucu değerini kaynak grubunuzun adıyla değiştirin.
- <storage-account-name>Yer tutucu değerini depolama hesabınızın adıyla değiştirin.
Statik Web sitesi barındırmayı etkinleştirin.
```
Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
```
- <error-document-name>Yer tutucusunu, sitenizde mevcut olmayan bir sayfa istediğinde, kullanıcılara görüntülenecek olan hata belgesinin adıyla değiştirin.
- <index-document-name>Yer tutucusunu Dizin belgesinin adıyla değiştirin. Bu belge genellikle "index.html".

Dosyaları karşıya yükleme

bu yönergeler, Azure portal görüntülenen Depolama Gezgini sürümünü kullanarak dosyaları karşıya yükleme işleminin nasıl yapılacağını gösterir. ancak, Azure portal dışında çalışan Depolama Gezgini sürümünü de kullanabilirsiniz. Hesabınızın $Web kapsayıcısına dosya yükleyebileceğiniz AzCopy, PowerShell, CLI veya herhangi bir özel uygulama kullanabilirsiniz. Visual Studio kodu kullanarak dosyaları karşıya yükleyen adım adım bir öğretici için bkz. öğretici: Blob Depolama statik web sitesini barındırma.

Depolama Gezgini (önizleme) öğesini seçin.
BLOB kapsayıcıları düğümünü genişletin ve $Web kapsayıcısını seçin.
dosyaları karşıya yüklemek için Upload düğmesini seçin.
Tarayıcının dosya içeriğini görüntülemesini istiyorsanız, bu dosyanın içerik türünün olarak ayarlandığından emin olun text/html .

Not

Depolama Gezgini, bu özelliği, gibi text/html yaygın olarak tanınan uzantılar için otomatik olarak ayarlar .html . Ancak, bazı durumlarda bunu kendiniz ayarlamanız gerekecektir. Bu özelliği ' ye ayarlamazsanız tarayıcı, text/html kullanıcılardan içeriği işlemek yerine dosyayı indirmesini ister. Bu özelliği ayarlamak için, dosyaya sağ tıklayın ve ardından Özellikler' e tıklayın.

nesneleri bir kaynak dizininden $web kapsayıcısına Upload.

Bu örnekte Azure Cloud Shell oturumundan komut çalıştırdığınız varsayılır.

az storage blob upload-batch -s <source-path> -d '$web' --account-name <storage-account-name>

Not

Tarayıcı, kullanıcıların içerikleri işlemek yerine dosyayı indirmesini isterse, --content-type 'text/html; charset=utf-8' komuta ekleyebilirsiniz.

<storage-account-name>Yer tutucu değerini depolama hesabınızın adıyla değiştirin.
<source-path>Yer tutucusunu, karşıya yüklemek istediğiniz dosyaların konumunun bir yolu ile değiştirin.

Not

Azure CLı 'nin konum yüklemesini kullanıyorsanız, yerel bilgisayarınızdaki herhangi bir konumun yolunu kullanabilirsiniz (örneğin: C:\myFolder .

Azure Cloud Shell kullanıyorsanız, Cloud Shell görünür bir dosya paylaşımıyla başvurulmalıdır. Bu konum, bulut paylaşımının kendisi veya Cloud Shell oluşturduğunuz var olan bir dosya paylaşımının dosya paylaşımıdır. Bunu nasıl yapacağınızı öğrenmek için bkz. Azure Cloud Shell dosyaları kalıcı halegetirme.

nesneleri bir kaynak dizininden $web kapsayıcısına Upload.

# upload a file
set-AzStorageblobcontent -File "<path-to-file>" `
-Container `$web `
-Blob "<blob-name>" `
-Context $ctx

Not

Tarayıcı, kullanıcıların içerikleri işlemek yerine dosyayı indirmesini isterse, -Properties @{ ContentType = "text/html; charset=utf-8";} komuta ekleyebilirsiniz.

<path-to-file>Yer tutucu değerini, karşıya yüklemek istediğiniz dosyanın tam yolu ile değiştirin (örneğin: C:\temp\index.html ).
<blob-name>Yer tutucu değerini, sonuçta elde edilen Blobun vermek istediğiniz adla değiştirin (örneğin: index.html ).

Web sitesi URL 'sini bulma

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

Depolama hesabınızın firmaya 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üntülenir.

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

Aşağıdaki komutu kullanarak statik Web sitenizin genel URL 'sini bulun:

az storage account show -n <storage-account-name> -g <resource-group-name> --query "primaryEndpoints.web" --output tsv

<storage-account-name>Yer tutucu değerini depolama hesabınızın adıyla değiştirin.
<resource-group-name>Yer tutucu değerini kaynak grubunuzun adıyla değiştirin.

Aşağıdaki komutu kullanarak, kullanarak statik Web sitenizin genel URL 'sini bulun:

 $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -Name "<storage-account-name>"
Write-Output $storageAccount.PrimaryEndpoints.Web

<resource-group-name>Yer tutucu değerini kaynak grubunuzun adıyla değiştirin.
<storage-account-name>Yer tutucu değerini depolama hesabınızın adıyla değiştirin.

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

Ölçümleri etkinleştirdikten sonra, $Web kapsayıcısındaki dosyalardaki trafik istatistikleri ölçüm panosunda raporlanır.

Depolama hesabı menüsünün Izleyici bölümünde ölçümler ' e tıklayın.

Not

Ölçüm verileri farklı ölçüm API 'Lerine bağlanarak oluşturulur. Portal yalnızca verileri döndüren üyelere odaklanmak için yalnızca belirli bir zaman çerçevesinde kullanılan API üyelerini görüntüler. Gerekli API üyesini seçebildiğinizden emin olmak için ilk adım zaman çerçevesini genişletmelidir.
Zaman çerçevesi düğmesine tıklayın, bir zaman dilimi seçin ve ardından Uygula' ya tıklayın.
Ad alanı açılan listesinden BLOB ' u seçin.
ardından Egress ölçümünü seçin.
Toplama seçicideki Toplam ' u seçin.
Filtre Ekle düğmesine tıklayın ve özellik seçicideki API adı ' nı seçin.
Ölçüm raporunu doldurmak için değerler seçicisindeki getwebcontent seçeneğinin yanındaki kutuyu işaretleyin.

Not

Getwebcontent onay kutusu yalnızca söz konusu API üyesinin belirli bir zaman çerçevesinde kullanılması durumunda görünür. Portal yalnızca verileri döndüren üyelere odaklanmak için yalnızca belirli bir zaman çerçevesinde kullanılan API üyelerini görüntüler. Bu listede belirli bir API üyesini bulamıyorsanız, zaman çerçevesini genişletin.

Sonraki adımlar

Statik Web siteniz ile özel bir etki alanı yapılandırmayı öğrenin. bkz. özel bir etki alanını Azure Blob Depolama uç noktası ile eşleme.