Распространение приложения для Windows 10 из веб-приложения AzureDistribute a Windows 10 app from an Azure web app

Приложение "Установщик приложений" позволяет разработчикам и ИТ-специалистам распространять приложения Windows 10 путем их размещения в собственной сети доставки содержимого (CDN).The App Installer app allows developers and IT Pros to distribute Windows 10 apps by hosting them on their own Content Delivery Network (CDN). Это полезно для предприятий, которым не требуется публиковать свои приложения в Microsoft Store, но они все же хотят воспользоваться преимуществами платформы упаковки и развертывания Windows 10.This is useful for enterprises that don't want or need to publish their apps to the Microsoft Store, but still want to take advantage of the Windows 10 packaging and deployment platform.

В этом разделе описаны шаги по настройке веб-сервера Azure для размещения пакетов приложений Windows 10 и использованию приложения установщика приложений для установки пакетов приложений.This topic outlines the steps to configure an Azure Web Server to host Windows 10 app packages, and how to use the App Installer app to install the app packages.

В этом учебнике мы рассмотрим процесс настройки сервера IIS для выполнения локальной проверки того, что ваше веб-приложение может правильно размещать пакеты приложений, а также вызовем и эффективно используем приложение "Установщик приложений".In this tutorial, we will go over setting up an IIS server to locally verify that your web application can properly host the app packages and invoke and use App Installer app effectively. Также мы рассмотрим процесс правильного размещения веб-приложений в популярной облачной веб-службе (Azure и AWS), чтобы обеспечить их соответствие требованиям веб-установки с помощью "Установщика приложений".We will also have tutorials for hosting your web applications properly on the popular cloud web services in the field (Azure and AWS) to ensure that they meets the App Installer web install requirements. Это пошаговое руководство не требует от вас каких-либо специальных навыков и его шаги очень легко выполнить.This step-by-step tutorial doesn't require any expertise and is very easy to follow.

УстановкаSetup

Для успешного выполнения действий в этом руководстве необходимо следующее:To successfully follow this tutorial, you will need the following:

  1. Подписка Microsoft AzureMicrosoft Azure subscription
  2. Пакет приложения Windows 10 — пакет приложения, который будет распространятьсяWindows 10 app package - The app package that you will distribute

Необязательно: Стартовый проект на GitHub.Optional: Starter Project on GitHub. Это полезно в том случае, если у вас нет пакета приложения или веб-страницы для работы, но вы все равно хотите узнать, как использовать эту функцию.This is helpful if you don't an app package or web page to work with, but would still like to learn how to use this feature.

Шаг 1. Получение подписки AzureStep 1 - Get an Azure subscription

Для получения подписки Azure посетите страницу учетной записи Azure.To get an Azure subscription, visit the Azure account page. В рамках этого учебника можно использовать бесплатное членство.For the purposes of this tutorial, you can use a free membership.

Шаг 2. Создание веб-приложения AzureStep 2 - Create an Azure Web App

На странице портала Azure нажмите кнопку + Создать ресурс, а затем выберите Веб-приложениеIn the Azure portal page, click the + Create a Resource button and then select Web App

Снимок экрана создания приложения Azure

Создайте уникальное Имя приложения, оставив значения в остальных полях по умолчанию.Create a unique App name and leave the rest of the fields as default. Нажмите кнопку Создать для завершения работы мастера создания веб-приложения.Click Create to finish the Web App creation wizard.

Снимок экрана создания веб-приложения

Шаг 3. Размещение пакета приложения и веб-страницыStep 3 - Hosting the app package and the web page

После создания веб-приложения доступ к нему осуществляется с помощью информационной панели на портале Azure.Once the web app had been created, you can access it from the dashboard on the Azure portal. На этом этапе мы создадим простую веб-страницу с графическим интерфейсом портала Azure.In this step, we're going to create a simple web page with the GUI of the Azure portal.

После выбора только что созданного веб-приложения на информационной панели воспользуйтесь полем поиска, чтобы найти и открыть Редактор службы приложений.After selecting the newly created web app from the dashboard, use the search field to find and open App Service Editor.

В редакторе присутствует файл по умолчанию hostingstart.html.In the editor, there is a default hostingstart.html file. Щелкните правой кнопкой мыши пустую область на панели проводника и выберите Отправить файлы, чтобы начать отправку пакетов приложений.Right-click in the empty space of file explorer panel and select Upload Files to begin uploading your app packages.

Примечание

Если у вас нет пакета приложений, вы можете использовать пакет приложений, являющийся частью репозитория Стартовый проект на GitHub.You can use the app package that is part of the provided Starter Project repository on GitHub if you don't have an app package available. Сертификат (MySampleApp.cer), с помощью которого был подписан пакет, также входит в состав примера на GitHub.The certificate (MySampleApp.cer) that the package was signed with is also with the sample on GitHub. Перед установкой приложения на устройстве необходимо установить сертификат.You must have the certificate installed to your device prior to installing the app.

Снимок экрана отправки пакетов

Щелкните правой кнопкой мыши пустую область на панели проводника и выберите Новые файлы, чтобы создать новый файл.Right-click in the empty space of file explorer panel and select New Files to create a new file. Дайте файлу имя default.html.Name the file: default.html.

Если вы используете пакет приложения из Стартового проекта, скопируйте следующий код HTML в созданную веб-страницу default.html.If you're using the app package provided in the Starter Project, copy the following HTML code to the newly create web page default.html. Если вы используете собственный пакет приложения, измените URL-адрес службы приложения (URL-адрес после source=).If you're using your own app package, modify the app service URL (the URL after source=). Вы можете получить URL-адрес службы приложения на странице обзора приложения на портале Azure.You can get the app service URL from your app's overview page in the Azure portal.

<html>
<head>
    <meta charset="utf-8" />
    <title> Install My Sample App</title>
</head>
<body>
    <a href="ms-appinstaller:?source=https://appinstaller-azure-demo.azurewebsites.net/MySampleApp.msixbundle"> Install My Sample App</a>
</body>
</html>

Шаг 4. Настройка веб-приложения для типов MIME пакета приложенияStep 4 - Configure the web app for app package MIME types

Добавьте новый файл в веб-приложение с именем Web.config.Add a new file to the web app named: Web.config. Откройте файл Web.config в проводнике и добавьте следующие строки.Open the Web.config file from the explorer and add the following lines.

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <!--This is to allow the web server to serve resources with the appropriate file extension-->
    <staticContent>
      <mimeMap fileExtension=".appx" mimeType="application/appx" />
      <mimeMap fileExtension=".msix" mimeType="application/msix" />
      <mimeMap fileExtension=".appxbundle" mimeType="application/appxbundle" />
      <mimeMap fileExtension=".msixbundle" mimeType="application/msixbundle" />
      <mimeMap fileExtension=".appinstaller" mimeType="application/appinstaller" />
    </staticContent>
  </system.webServer>
</configuration>

Шаг 5. Запуск и тестированиеStep 5 - Run and test

Чтобы запустить веб-страницу, которую вы создали, скопируйте URL-адрес из шага 3 в браузер с элементом /default.html в конце.To launch the web page that you created, use the URL from step 3 into the browser followed by /default.html.

Снимок экрана: Установка приложения из веб-страницы

Нажмите кнопку "Установить пример приложения" для запуска "Установщика приложений" и установите пакет приложения.Click "Install My Sample App" to launch App Installer and install your app package.

Устранение неполадокTroubleshooting Issues

Не удается установить приложение "Установщик приложений"App Installer app fails to install

Установка приложения завершится сбоем, если на устройстве не установлен сертификат, с помощью которого подписывается пакет приложения.App install will fail if the certificate that the app package is signed with isn't installed on the device. Чтобы устранить эту проблему, необходимо установить сертификат перед установкой приложения.To fix this, you will need to install the certificate prior to the installation of the app. При размещении пакета приложения для открытого распространения рекомендуется подписывать пакет приложения с помощью сертификата из центра сертификации.If you are hosting an app package for public distribution, we recommended signing your app package with a certificate from a certificate authority.

Снимок экрана: сбой сертификации

Убедитесь, что приложение "Установщик приложений" установлено.Ensure that the App Installer app is installed. Перейдите в раздел Параметры -> Приложения и компоненты и найти "Установщик приложений" в списке установленных приложений.Go to Settings -> Apps & Features and find App Installer in the installed apps list.