Размещение статического веб-сайта в службе хранилища Azure

1. Войдите на портал Azure.

2. Найдите учетную запись хранения и выберите ее, чтобы отобразить панель обзора учетной записи.

3. На панели "Обзор " выберите вкладку "Возможности ". Затем выберите статический веб-сайт , чтобы отобразить страницу конфигурации для статического веб-сайта.

   

4. Выберите "Включено" , чтобы включить размещение статических веб-сайтов для учетной записи хранения.

5. В поле имени документа Индекс введите страницу индекса по умолчанию (например ,index.html).

   Страница индекса по умолчанию появляется, когда вы переходите к корню вашего статичного сайта.

6. В поле пути документа ошибки введите страницу ошибки по умолчанию (например ,404.html).

   Страница ошибки по умолчанию появляется, когда вы переходите на страницу, которой нет на вашем статическом сайте.

7. Выберите Сохранить, чтобы завершить статическую конфигурацию сайта.

   

8. После сохранения конфигурации появляется подтверждающее сообщение. Панель обзора показывает статические конечные точки вашего сайта и другую информацию о конфигурациях.

   

Вы можете включить размещение статических веб-сайтов с помощью Azure CLI.

1. Сначала откройте Azure Cloud Shell или, если вы установили Azure CLI локально, откройте командное консольное приложение (например, Windows PowerShell).

2. Если ваша учетная запись связана с несколькими подписками, выберите активной ту подписку, к которой относится учетная запись хранения, где размещен ваш статический веб-сайт. Замените значение заполнителя <subscription-id> идентификатором своей подписки.

   az account set --subscription <subscription-id>
   

   Замените значение заполнителя <subscription-id> идентификатором своей подписки.

3. Включите хостинг статических веб-сайтов.

   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> именем вашей учетной записи хранения.

   • Замените местозаполнитель <error-document-name> именем документа об ошибке, который отображается, когда браузер запрашивает несуществующую страницу на вашем сайте.

   • Замените плейсхолдер <index-document-name> именем документа индекса. Этот документ обычно index.html.

Вы можете включить размещение статических веб-сайтов с помощью модуля Azure PowerShell.

1. Откройте командное окно Windows PowerShell.

2. Убедитесь, что у вас есть модуль Azure PowerShell az версии 0.7 или более поздней.

   Get-InstalledModule -Name Az -AllVersions | Select-Object Name, Version
   

   Если вам необходимо выполнить установку или обновление, см. статью об установке модуля Azure PowerShell.

3. Войдите в подписку Azure с помощью команды Connect-AzAccount и следуйте инструкциям на экране.

   Connect-AzAccount
   

4. Если ваша учетная запись связана с несколькими подписками, выберите в качестве активной ту подписку, которой принадлежит учетная запись хранения, где размещен ваш статический веб-сайт.

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

   Замените значение заполнителя <subscription-id> идентификатором своей подписки.

5. Получите контекст учетной записи хранения, который определяет учетную запись хранения, которую вы хотите использовать.

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

   • Замените значение заполнителя <resource-group-name> именем своей группы ресурсов.

   • Замените значение заполнителя <storage-account-name> именем вашей учетной записи хранения.

6. Включите хостинг статических веб-сайтов.

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

   • Замените заполнитель <error-document-name> именем документа ошибки, который отображается, когда браузер запрашивает несуществующую страницу на вашем сайте.

   • Замените плейсхолдер <index-document-name> именем документа индекса. Этот документ обычно index.html.

В следующих инструкциях показано, как отправлять файлы с помощью портала Azure. Вы также можете использовать AzCopy, Azure PowerShell, Azure CLI или пользовательское приложение для загрузки файлов в $web контейнер вашей учетной записи. Для пошагового руководства, которое загружает файлы с помощью Visual Studio Code, см. раздел «Руководство: Разместить статический сайт на Хранилище BLOB-объектов».

1. На портале Azure перейдите к учетной записи хранения, содержащей статический веб-сайт. Выберите контейнеры в области навигации слева, чтобы отобразить список контейнеров.

2. В панели контейнеров выберите $web контейнер, чтобы открыть панель обзора контейнера.

   

3. В панели обзора выберите «Загрузить». На панели Отправка BLOB-объекта выберите поле «Файлы», чтобы открыть окно выбора файла. Перейдите к файлу, выберите его и выберите «Открыть». По желанию выберите Перезаписать, если файлы уже существуют.

   

4. Если вы хотите, чтобы браузер отображал содержимое файла, убедитесь, что тип содержимого этого файла установлен на text/html. Чтобы проверить эту настановку, выберите имя blob-а, который вы загрузили на предыдущем шаге, чтобы открыть его панель Обзор . Убедитесь, что значение задано в поле свойства CONTENT-TYPE .

   

   Примечание.

   Это свойство автоматически устанавливается на text/html для распространённых и общепризнанных расширений, таких как .html. Однако в некоторых случаях может придётся установить его самостоятельно. Если не задать для этого свойства значение text/html, браузер предложит скачать файл вместо отображения содержимого. Вы можете задать это свойство на предыдущем этапе.

Загружайте объекты в $web контейнер из исходного каталога.

В этом примере предполагается, что вы выполняете команды из сессии Azure Cloud Shell.

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

• Замените значение заполнителя <storage-account-name> именем вашей учетной записи хранения.

• Замените <source-path> заполнитель на путь к расположению файлов, которые требуется загрузить.

Загружайте объекты в $web контейнер из исходного каталога.

# Upload a file
Set-AzStorageBlobContent -File "<path-to-file>" `
   -Container '$web' `
   -Blob "<blob-name>" `
   -Context $ctx

• Замените <path-to-file> значение заголовка на полностью квалифицированный путь к файлу, который хотите загрузить (например, C:\temp\index.html).

• Замените значение заполнителя <blob-name> на имя, которое вы хотите присвоить полученному BLOB-объекту (например, index.html).

Выберите статический веб-сайт на панели, которая отображается рядом со страницей обзора вашей учетной записи хранения. URL-адрес сайта отображается в поле первичной конечной точки .

Найдите общедоступный URL-адрес статического веб-сайта с помощью следующей команды:

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

• Замените значение заполнителя <storage-account-name> именем вашей учетной записи хранения.

• Замените значение заполнителя <resource-group-name> именем своей группы ресурсов.

Найдите общедоступный URL-адрес статического веб-сайта с помощью следующей команды:

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

• Замените значение заполнителя <resource-group-name> именем своей группы ресурсов.

• Замените значение заполнителя <storage-account-name> именем вашей учетной записи хранения.