Hostování statického webu ve službě Azure Storage

Statický obsah (HTML, CSS, JavaScript a soubory obrázků) můžete obsluhovat přímo z kontejneru v účtu pro obecné účely verze 2 nebo BlockBlobStorage . Další informace najdete v tématu Hostování statického webu ve službě Azure Storage.

V tomto článku se dozvíte, jak povolit hostování statických webů pomocí webu Azure Portal, Azure CLI nebo PowerShellu.

Povolení hostování statických webů

Hostování statických webů je funkce, kterou musíte povolit v účtu úložiště.

Portál

1. Začněte tím, že se přihlásíte k webu Azure Portal .

2. Vyhledejte účet úložiště a vyberte ho, aby se zobrazilo podokno Přehled účtu.

3. V podokně Přehled vyberte kartu Schopnosti . Dále vyberte Statický web a zobrazte stránku konfigurace statického webu.

   

4. Výběrem možnosti Povoleno povolíte hostování statického webu pro účet úložiště.

5. V poli Název dokumentu rejstříku zadejte výchozí indexovou stránku (například :index.html).

   Výchozí indexová stránka se zobrazí, když uživatel přejde do kořenového adresáře vašeho statického webu.

6. V poli Cesta k chybě zadejte výchozí chybovou stránku (například: 404.html).

   Výchozí chybová stránka se zobrazí, když se uživatel pokusí přejít na stránku, která na vašem statickém webu neexistuje.

7. Kliknutím na Uložit dokončete konfiguraci statické lokality.

   

8. Zobrazí se potvrzovací zpráva. Koncové body statického webu a další informace o konfiguraci se zobrazují v podokně Přehled .

   

Azure CLI

Hostování statického webu můžete povolit pomocí Azure CLI.

1. Nejprve otevřete Azure Cloud Shell nebo pokud jste azure CLI nainstalovali místně, otevřete aplikaci příkazové konzoly, jako je Windows PowerShell.

2. Pokud je vaše identita přidružená k více než jednomu předplatnému, nastavte aktivní předplatné na předplatné účtu úložiště, které bude hostovat váš statický web.

   az account set --subscription <subscription-id>
   

   Nahraďte zástupnou hodnotu <subscription-id> hodnotou ID vašeho předplatného.

3. Povolte hostování statických webů.

   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> Nahraďte zástupnou hodnotu názvem vašeho účtu úložiště.

   • <error-document-name> Zástupný text nahraďte názvem chybového dokumentu, který se uživatelům zobrazí, když prohlížeč požádá o stránku na vašem webu, který neexistuje.

   • <index-document-name> Zástupný text nahraďte názvem dokumentu rejstříku. Tento dokument je často "index.html".

Prostředí PowerShell

Hostování statického webu můžete povolit pomocí modulu Azure PowerShell.

1. Otevřete příkazové okno Windows PowerShellu.

2. Ověřte, že máte modul Azure PowerShell Az verze 0.7 nebo novější.

   Get-InstalledModule -Name Az -AllVersions | select Name,Version
   

   Pokud potřebujete instalaci nebo upgrade, přečtěte si téma Instalace modulu Azure PowerShell.

3. Přihlaste se ke svému předplatnému Azure pomocí příkazu Connect-AzAccount a postupujte podle pokynů na obrazovce.

   Connect-AzAccount
   

4. Pokud je vaše identita přidružená k více než jednomu předplatnému, nastavte aktivní předplatné na předplatné účtu úložiště, které bude hostovat váš statický web.

   $context = Get-AzSubscription -SubscriptionId <subscription-id>
   Set-AzContext $context
   

   Nahraďte zástupnou hodnotu <subscription-id> hodnotou ID vašeho předplatného.

5. Získejte kontext účtu úložiště, který definuje účet úložiště, který chcete použít.

   $storageAccount = Get-AzStorageAccount -ResourceGroupName "<resource-group-name>" -AccountName "<storage-account-name>"
   $ctx = $storageAccount.Context
   

   • Nahraďte zástupnou hodnotu <resource-group-name> názvem vaší skupiny prostředků.

   • <storage-account-name> Nahraďte zástupnou hodnotu názvem vašeho účtu úložiště.

6. Povolte hostování statických webů.

   Enable-AzStorageStaticWebsite -Context $ctx -IndexDocument <index-document-name> -ErrorDocument404Path <error-document-name>
   

   • <error-document-name> Zástupný text nahraďte názvem chybového dokumentu, který se uživatelům zobrazí, když prohlížeč požádá o stránku na vašem webu, který neexistuje.

   • <index-document-name> Zástupný text nahraďte názvem dokumentu rejstříku. Tento dokument je často "index.html".

Nahrání souborů

Portál

Následující pokyny ukazují, jak nahrát soubory pomocí webu Azure Portal. Můžete také použít AzCopy, PowerShell, rozhraní příkazového řádku nebo jakoukoli vlastní aplikaci, která může nahrát soubory do $web kontejneru vašeho účtu. Podrobný kurz, který nahrává soubory pomocí editoru Visual Studio Code, najdete v tématu Kurz: Hostování statického webu ve službě Blob Storage.

1. Na webu Azure Portal přejděte na účet úložiště obsahující váš statický web. Výběrem kontejnerů v levém navigačním podokně zobrazte seznam kontejnerů.

2. V podokně Kontejnery vyberte kontejner $web a otevřete tak podokno Přehled kontejneru.

   

3. V podokně Přehled vyberte ikonu Nahrát a otevřete podokno Nahrát objekt blob . V dalším kroku vyberte pole Soubory v podokně Nahrát objekt blob a otevřete prohlížeč souborů. Přejděte na soubor, který chcete nahrát, vyberte ho a pak vyberte Otevřít a vyplňte pole Soubory . Volitelně můžete zaškrtnout políčko Přepsat, pokud již soubory existují .

   

4. Pokud máte v úmyslu prohlížeč zobrazit obsah souboru, ujistěte se, že je typ obsahu tohoto souboru nastavený na text/html. Pokud to chcete ověřit, vyberte název objektu blob, který jste nahráli v předchozím kroku, a otevřete jeho podokno Přehled . Ujistěte se, že je hodnota nastavená v poli vlastnosti CONTENT-TYPE .

   

   Poznámka:

   Tato vlastnost je automaticky nastavena text/html pro běžně rozpoznaná rozšíření, například .html. V některých případech si to ale budete muset nastavit sami. Pokud tuto vlastnost text/htmlnenastavíte, prohlížeč vyzve uživatele, aby soubor stáhli místo vykreslení obsahu. Tuto vlastnost lze nastavit v předchozím kroku.

Azure CLI

Nahrajte objekty do kontejneru $web ze zdrojového adresáře.

Tento příklad předpokládá, že spouštíte příkazy z relace Azure Cloud Shellu.

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

Poznámka:

Pokud prohlížeč vyzve uživatele k stažení souboru místo vykreslení obsahu, můžete příkaz doplnit --content-type 'text/html; charset=utf-8'.

• <storage-account-name> Nahraďte zástupnou hodnotu názvem vašeho účtu úložiště.

• <source-path> Zástupný symbol nahraďte cestou k umístění souborů, které chcete nahrát.

Poznámka:

Pokud používáte místní instalaci Azure CLI, můžete použít cestu k libovolnému umístění v místním počítači (například: C:\myFolder.

Pokud používáte Azure Cloud Shell, budete muset odkazovat na sdílenou složku, která je viditelná pro Cloud Shell. Toto umístění může být sdílená složka samotného Cloud share nebo existující sdílená složka, kterou připojíte z Cloud Shell. Informace o tom, jak to udělat, najdete v tématu Zachování souborů v Azure Cloud Shellu.

Prostředí PowerShell

Nahrajte objekty do kontejneru $web ze zdrojového adresáře.

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

Poznámka:

Pokud prohlížeč vyzve uživatele k stažení souboru místo vykreslení obsahu, můžete příkaz doplnit -Properties @{ ContentType = "text/html; charset=utf-8";}.

• <path-to-file> Nahraďte zástupnou hodnotu plně kvalifikovanou cestou k souboru, který chcete nahrát (například: C:\temp\index.html).

• <blob-name> Nahraďte zástupnou hodnotu názvem, který chcete výslednému objektu blob udělit (například: index.html).

Vyhledání adresy URL webu

Stránky svého webu můžete zobrazit z prohlížeče pomocí veřejné adresy URL webu.

Portál

V podokně, které se zobrazí vedle stránky přehledu účtu úložiště, vyberte Statický web. Adresa URL vašeho webu se zobrazí v poli Primární koncový bod .

Azure CLI

Pomocí následujícího příkazu najděte veřejnou adresu URL vašeho statického webu:

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

• <storage-account-name> Nahraďte zástupnou hodnotu názvem vašeho účtu úložiště.

• Nahraďte zástupnou hodnotu <resource-group-name> názvem vaší skupiny prostředků.

Prostředí PowerShell

Pomocí následujícího příkazu najděte veřejnou adresu URL vašeho statického webu:

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

• Nahraďte zástupnou hodnotu <resource-group-name> názvem vaší skupiny prostředků.

• <storage-account-name> Nahraďte zástupnou hodnotu názvem vašeho účtu úložiště.

Povolte metriky na statických webových stránkách

Po povolení metrik se statistiky provozu u souborů v kontejneru $web zobrazí na řídicím panelu metrik.

1. V nabídce účtu úložiště klikněte na Metriky v části Monitorování .

   

   Poznámka:

   Data metrik se generují propojením do různých rozhraní API metrik. Portál zobrazuje pouze členy rozhraní API používané v daném časovém rámci, aby se mohli soustředit jenom na členy, kteří vracejí data. Abyste měli jistotu, že jste schopni vybrat potřebného člena rozhraní API, je prvním krokem rozšíření časového rámce.

2. Klikněte na tlačítko časového rámce, zvolte časový rámec a klikněte na tlačítko Použít.

   

3. Vyberte Blob z rozevíracího seznamu Namespace.

   

4. Pak vyberte metriku výchozího přenosu dat.

   

5. Vyberte Součet ze selektoru agregace .

   

6. Klikněte na tlačítko Přidat filtr a v selektoru vlastností zvolte název rozhraní API.

   

7. Zaškrtnutím políčka vedle GetWebContent v selektoru hodnot vyplníte sestavu s metrikami.

   

   Poznámka:

   Zaškrtávací políčko GetWebContent se zobrazí pouze v případě, že byl tento člen rozhraní API použit v daném časovém rámci. Portál zobrazuje pouze členy rozhraní API používané v daném časovém rámci, aby se mohli soustředit jenom na členy, kteří vracejí data. Pokud v tomto seznamu nemůžete najít konkrétního člena rozhraní API, rozbalte časový rámec.

Další kroky

• Zjistěte, jak nakonfigurovat vlastní doménu se statickým webem. Viz Mapování vlastní domény na koncový bod služby Azure Blob Storage.