Verteilen einer Windows 10-App mithilfe einer Azure-Web-AppDistribute a Windows 10 app from an Azure web app

Mit der App-Installer-App können Entwickler und IT-Spezialisten Windows 10-Apps verteilen, indem sie diese in ihrem eigenen Content Delivery Network (CDN) hosten.The App Installer app allows developers and IT Pros to distribute Windows 10 apps by hosting them on their own Content Delivery Network (CDN). Das ist nützlich für Unternehmen, die ihre Apps nicht im Microsoft Store veröffentlichen möchten oder müssen, aber weiterhin die Windows 10-Verpackungs- und -Bereitstellungsplattform nutzen möchten.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.

In diesem Thema werden die Schritte zum Konfigurieren eines Azure-Webservers zum Hosten von Windows 10-App-Paketen und die Verwendung der APP-Installer-app zum Installieren der APP-Pakete beschrieben.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.

In diesem Lernprogramm erläutern wir, wie Sie einen IIS-Server einrichten, um lokal sicherzustellen, dass Ihre Webanwendung die App-Pakete ordnungsgemäß hosten und die App-Installer-App auf effektive Weise aufrufen und verwenden kann.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. Wir bieten außerdem Lernprogramme zum ordnungsgemäßen Hosten Ihrer Webanwendungen auf den beliebten Cloud-Webdiensten im Außendienst (Azure und AWS), um sicherzustellen, dass sie Anforderungen an die App-Installer-Webinstallation erfüllen.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. Dieses schrittweise Lernprogramm setzt keinerlei Erfahrung voraus und kann sehr einfach durchgeführt werden.This step-by-step tutorial doesn't require any expertise and is very easy to follow.

SetupSetup

Für eine erfolgreiche Durchführung dieses Lernprogramms benötigen Sie Folgendes:To successfully follow this tutorial, you will need the following:

  1. Microsoft Azure-AbonnementMicrosoft Azure subscription
  2. Windows 10-App-Paket: das App-Paket, das Sie verteilen.Windows 10 app package - The app package that you will distribute

Optional: Startprojekt auf GitHub.Optional: Starter Project on GitHub. Dies ist hilfreich, wenn Sie kein App-Paket oder keine Webseite zum Arbeiten verfügbar haben, aber dennoch lernen möchten, wie Sie dieses Feature verwenden.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.

Schritt 1: Erwerben eines Azure-AbonnementsStep 1 - Get an Azure subscription

Informationen zum Erwerben eines Azure-Abonnements finden Sie auf der Azure Kontoseite.To get an Azure subscription, visit the Azure account page. Für die Zwecke dieses Lernprogramms können Sie eine kostenlose Mitgliedschaft verwenden.For the purposes of this tutorial, you can use a free membership.

Schritt 2: Erstellen einer Azure-Web-AppStep 2 - Create an Azure Web App

Klicken Sie auf der Azure-Portalseite auf die Schaltfläche + Ressource erstellen, und wählen Sie dann Web-App aus.In the Azure portal page, click the + Create a Resource button and then select Web App

Screenshot: Erstellen einer Azure-App

Erstellen Sie einen eindeutigen App-Namen, und behalten Sie für die restlichen Felder die Standardwerte bei.Create a unique App name and leave the rest of the fields as default. Klicken Sie auf Erstellen, um den Assistenten zum Erstellen von Web-Apps abzuschließen.Click Create to finish the Web App creation wizard.

Screenshot: Erstellen einer Web-App

Schritt 3: Hosten des App-Pakets und der WebseiteStep 3 - Hosting the app package and the web page

Nach die Web-App erstellt wurde, können Sie über das Dashboard im Azure-Portal darauf zugreifen.Once the web app had been created, you can access it from the dashboard on the Azure portal. In diesem Schritt werden wir eine einfache Webseite mit der GUI des Azure-Portals erstellen.In this step, we're going to create a simple web page with the GUI of the Azure portal.

Nach Auswahl der neu erstellten Web-App über das Dashboard, verwenden Sie das Suchfeld, um nach dem App-Dienst-Editor zu suchen und ihn zu öffnen.After selecting the newly created web app from the dashboard, use the search field to find and open App Service Editor.

Im Editor gibt es eine standardmäßige hostingstart.html-Datei.In the editor, there is a default hostingstart.html file. Klicken Sie mit der rechten Maustaste in den leeren Bereich des Datei-Explorer-Panels, und wählen Sie Dateien hochladen aus, um das Hochladen Ihrer App-Pakete zu beginnen.Right-click in the empty space of file explorer panel and select Upload Files to begin uploading your app packages.

Hinweis

Sie können das App-Paket verwenden, das Teil des bereitgestellten Startprojekt-Repositorys auf GitHub ist, falls Ihnen kein App-Paket zur Verfügung steht.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. Die Zertifikat (MySampleApp.cer), mit dem das Paket signiert wurde, ist ebenfalls im Beispiel auf GitHub enthalten.The certificate (MySampleApp.cer) that the package was signed with is also with the sample on GitHub. Sie müssen das Zertifikat vor der Installation der App auf Ihrem Gerät installieren.You must have the certificate installed to your device prior to installing the app.

Screenshot des Uploads von Paketen

Klicken Sie mit der rechten Maustaste in den leeren Bereich des Datei-Explorer-Panels, und wählen Sie Neue Dateien aus, um eine neue Datei zu erstellen.Right-click in the empty space of file explorer panel and select New Files to create a new file. Geben Sie der Datei den Namen: default.html.Name the file: default.html.

Wenn Sie das im Startprojekt bereitgestellte App-Paket verwenden, kopieren Sie den folgenden HTML-Code in die neu erstellte Webseite 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. Wenn Sie ein eigenes App-Paket verwenden, ändern Sie die App-Dienst-URL (die URL nach source=).If you're using your own app package, modify the app service URL (the URL after source=). Sie können die App-Dienst-URL von der Übersichtsseite Ihrer App im Azure-Portal abrufen.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>

Schritt 4: Konfigurieren der Web-App für App-Paket-MIME-TypenStep 4 - Configure the web app for app package MIME types

Fügen Sie der Web-App eine neue Datei mit dem folgenden Namen hinzu: Web.config.Add a new file to the web app named: Web.config. Öffnen Sie die Datei Web.config im Explorer, und fügen Sie die folgenden Zeilen hinzu.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>

Schritt 5: Ausführen und TestenStep 5 - Run and test

Um die von Ihnen erstellte Webseite zu starten, geben die URL aus Schritt 3 in den Browser ein, gefolgt von /default.html.To launch the web page that you created, use the URL from step 3 into the browser followed by /default.html.

Screenshot der App-Installation über die Webseite

Klicken Sie auf „Meine Beispiel-App installieren“, um App-Installer zu starten und Ihr App-Paket zu installieren.Click "Install My Sample App" to launch App Installer and install your app package.

Behandlung von ProblemenTroubleshooting Issues

Fehler bei der Installation der App-Installer-AppApp Installer app fails to install

Die App-Installation schlägt fehl, wenn das Zertifikat, mit dem das App-Paket signiert ist, nicht auf dem Gerät installiert ist.App install will fail if the certificate that the app package is signed with isn't installed on the device. Um dieses Problem zu beheben, müssen Sie das Zertifikat vor der Installation der App installieren.To fix this, you will need to install the certificate prior to the installation of the app. Wenn Sie ein App-Paket für die öffentliche Verteilung hosten, wird empfohlen, das App-Paket mit einem Zertifikat von einer Zertifizierungsstelle zu signieren.If you are hosting an app package for public distribution, we recommended signing your app package with a certificate from a certificate authority.

Screenshot des Zertifizierungs Fehlers

Stellen Sie sicher, dass die App-Installer-App installiert ist.Ensure that the App Installer app is installed. Wechseln Sie zu Einstellungen -> Apps und Features, und suchen Sie in der Liste der installierten Apps nach App-Installer.Go to Settings -> Apps & Features and find App Installer in the installed apps list.