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

Вы можете передавать статическое содержимое (HTML, CSS, JavaScript и файлы изображений) непосредственно из контейнера в учетную запись GPv2 службы хранилища Azure.You can serve static content (HTML, CSS, JavaScript, and image files) directly from a container in an Azure Storage GPv2 account. Дополнительные сведения см. в статье Размещение статических веб-сайтов в службе хранилища Azure.To learn more, see Static website hosting in Azure Storage.

В этой статье показано, как включить размещение статического веб-сайта, используя портал Azure, Azure CLI или PowerShell.This article shows you how to enable static website hosting by using the Azure portal, the Azure CLI, or PowerShell.

Примечание

Обязательно создайте стандартную учетную запись хранения общего назначения версии 2.Make sure to create a general-purpose v2 Standard storage account . Статические веб-сайты недоступны в учетной записи хранения другого типа.Static websites aren't available in any other type of storage account.

Включение размещения статического веб-сайтаEnable static website hosting

Размещение статических веб-сайтов — это функция, которую необходимо включить в учетной записи хранения.Static website hosting is a feature that you have to enable on the storage account.

  1. Чтобы начать, войдите на портал Azure.Sign in to the Azure portal to get started.

  2. Найдите учетную запись хранения и отобразите общие сведения о ней.Locate your storage account and display the account overview.

  3. Выберите Статический веб-сайт для отображения на странице конфигурации статических веб-сайтов.Select Static website to display the configuration page for static websites.

  4. Выберите Включено, чтобы включить размещение статического веб-сайта в учетной записи хранения.Select Enabled to enable static website hosting for the storage account.

  5. В поле Имя документа индекса укажите страницу индексов по умолчанию (например, index.html).In the Index document name field, specify a default index page (For example: index.html).

    Страница индексов по умолчанию отображается, когда пользователь переходит к корню статического веб-сайта.The default index page is displayed when a user navigates to the root of your static website.

  6. В поле Путь к документу с сообщением об ошибке укажите страницу ошибки по умолчанию (например, 404.html).In the Error document path field, specify a default error page (For example: 404.html).

    Страница ошибки по умолчанию отображается, когда пользователь пытается перейти на страницу, которой не существует на вашем статическом веб-сайте.The default error page is displayed when a user attempts to navigate to a page that does not exist in your static website.

  7. Выберите команду Сохранить.Click Save. Теперь портал Azure отображает конечную точку вашего статического веб-сайта.The Azure portal now displays your static website endpoint.

    Включение размещения статического веб-сайта в учетной записи хранения

Upload filesUpload files

В данном разделе приведены инструкции по отправке файлов с помощью версии Обозревателя службы хранилища, которая отображается на портале Azure.These instructions show you how to upload files by using the version of Storage Explorer that appears in the Azure portal. Однако вы также можете использовать версию Обозревателя службы хранилища, которая работает за пределами портала Azure.However, you can also use the version of Storage Explorer that runs outside of the Azure portal. Вы можете использовать AzCopy, PowerShell, CLI или любое пользовательское приложение, которое может отправлять файлы в контейнер $web учетной записи.You could use AzCopy, PowerShell, CLI, or any custom application that can upload files to the $web container of your account. Пошаговое руководство по отправке файлов с помощью Visual Studio Code см. в руководстве по размещению статического веб-сайта в хранилище BLOB-объектов.For a step-by-step tutorial that uploads files by using Visual Studio code, see Tutorial: Host a static website on Blob Storage.

  1. Выберите Обозреватель службы хранилища (предварительная версия) .Select Storage Explorer (preview).

  2. Разверните узел Контейнеры BLOB-объектов и выберите контейнер $web.Expand the BLOB CONTAINERS node, and then select the $web container.

  3. Нажмите кнопку Отправить, чтобы отправить файлы.Choose the Upload button to upload files.

    Upload files

  4. Если требуется, чтобы браузер отображал содержимое файла, убедитесь, что для типа содержимого этого файла задано значение text/html.If you intend for the browser to display the contents of file, make sure that the content type of that file is set to text/html.

    Проверка типов содержимого

    Примечание

    Обозреватель службы хранилища автоматически задает для этого свойства значение text/html для наиболее распознаваемых расширений, таких как .html.Storage Explorer automatically sets this property to text/html for commonly recognized extensions such as .html. Однако в некоторых случаях это необходимо будет сделать самостоятельно.However, in some cases, you'll have to set this yourself. Если не задать для этого свойства значение text/html, вместо отображения содержимого браузер предложит вам загрузить файл.If you don't set this property to text/html, the browser will prompt users to download the file instead of rendering the contents. Чтобы задать это свойство, щелкните правой кнопкой мыши файл, а затем выберите Свойства.To set this property, right-click the file, and then click Properties.

Поиск URL-адреса веб-сайтаFind the website URL

Вы можете просматривать страницы сайта из браузера, используя общедоступный URL-адрес веб-сайта.You can view the pages of your site from a browser by using the public URL of the website.

На панели, которая отображается рядом со страницей обзора учетной записи хранения, выберите Статический веб-сайт.In the pane that appears beside the account overview page of your storage account, select Static Website. URL-адрес сайта отображается в поле Первичная конечная точка.The URL of your site appears in the Primary endpoint field.

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

Включение метрик на страницах статического веб-сайтаEnable metrics on static website pages

После включения метрик статистика трафика файлов в контейнере $web будет отображаться на панели мониторинга метрик.Once you've enabled metrics, traffic statistics on files in the $web container are reported in the metrics dashboard.

  1. В разделе Монитор меню учетной записи хранения щелкните Метрики.Click Metrics under the Monitor section of the storage account menu.

    Ссылка на метрикиMetrics link

    Примечание

    Данные метрик создаются с помощью подключения к API для различных метрик.Metrics data are generated by hooking into different metrics APIs. На портале отображаются только элементы API, используемые в течение заданного промежутка времени, чтобы сосредоточиться только на тех элементах, которые возвращают данные.The portal only displays API members used within a given time frame in order to only focus on members that return data. Чтобы убедиться, что можно будет выбрать необходимый элемент API, сначала необходимо расширить временные рамки.In order to ensure you're able to select the necessary API member, the first step is to expand the time frame.

  2. Нажмите кнопку интервала времени, выберите временные рамки и щелкните Применить.Click on the time frame button, choose a time frame, and then click Apply.

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

  3. Из раскрывающегося списка Пространство имен выберите BLOB-объекты.Select Blob from the Namespace drop down.

    Пространство имен метрик для статических веб-сайтов службы хранилища Azure

  4. Затем выберите метрику Исходящий трафик.Then select the Egress metric.

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

  5. Выберите Сумма в селекторе Агрегирование.Select Sum from the Aggregation selector.

    Агрегирование метрики для статических веб-сайтов службы хранилища Azure

  6. Щелкните кнопку Добавить фильтр и выберите Имя API в селекторе Свойство.Click the Add filter button and choose API name from the Property selector.

    Имя API метрики для статических веб-сайтов службы хранилища Azure

  7. Установите флажок рядом с полем GetWebContent в селекторе Значения для заполнения отчета на основе метрик.Check the box next to GetWebContent in the Values selector to populate the metrics report.

    Поле GetWebContent метрики для статических веб-сайтов службы хранилища Azure

    Примечание

    Флажок GetWebContent появляется, только если этот элемент API использовался в течение данного интервала времени.The GetWebContent checkbox appears only if that API member was used within a given time frame. На портале отображаются только элементы API, используемые в течение заданного промежутка времени, чтобы сосредоточиться только на тех элементах, которые возвращают данные.The portal only displays API members used within a given time frame in order to only focus on members that return data. Если не удается найти конкретный элемент API в списке, разверните временные рамки.If you can't find a specific API member in this list, expand the time frame.

Дальнейшие действияNext steps