Verteilen einer Windows 10-App mithilfe einer Azure-Web-App

Mit der App Installer-App können Entwickler und IT-Experten Windows 10 Apps verteilen, indem sie sie auf eigene Content Delivery Network (CDN) hosten. Dies ist nützlich für Unternehmen, die ihre Apps nicht für die Microsoft Store veröffentlichen möchten oder müssen, aber dennoch die Windows 10 Verpackungs- und Bereitstellungsplattform nutzen möchten.

In diesem Thema werden die Schritte zum Konfigurieren eines Azure Web Servers zum Hosten von Windows 10 App-Paketen und zum Installieren der App-Pakete beschrieben.

In diesem Lernprogramm wird das Einrichten eines IIS-Servers übergehen, um lokal zu überprüfen, ob Ihre Webanwendung die App-Pakete ordnungsgemäß hosten und app Installer-App effektiv aufrufen und verwenden kann. Außerdem verfügen wir über Lernprogramme zum ordnungsgemäßen Hosten Ihrer Webanwendungen auf den beliebten Cloudwebdiensten im Feld (Azure und AWS), um sicherzustellen, dass sie die Anforderungen für die Webinstallation von App Installer erfüllen. Dieses schrittweise Lernprogramm erfordert kein Fachwissen und ist sehr einfach zu folgen.

Einrichten

Um diesem Lernprogramm erfolgreich zu folgen, benötigen Sie Folgendes:

  1. Microsoft Azure-Abonnement
  2. Windows 10 App-Paket – Das App-Paket, das Sie verteilen

Optional: Start-Project auf GitHub. Dies ist hilfreich, wenn Sie kein App-Paket oder eine Webseite verwenden, mit der Sie arbeiten möchten, aber trotzdem erfahren möchten, wie Sie dieses Feature verwenden.

Schritt 1 – Abrufen eines Azure-Abonnements

Um ein Azure-Abonnement zu erhalten, besuchen Sie die Azure-Kontoseite. Für die Zwecke dieses Lernprogramms können Sie eine kostenlose Mitgliedschaft verwenden.

Schritt 2 – Erstellen einer Azure Web App

Klicken Sie auf der Azure-Portal Seite auf die Schaltfläche "+Ressource erstellen", und wählen Sie dann "Web App" aus.

Screenshot of creating an Azure app

Erstellen Sie einen eindeutigen App-Namen , und lassen Sie die restlichen Felder als Standard. Klicken Sie auf "Erstellen" , um den Assistenten zum Erstellen von Web App abzuschließen.

Screenshot of creating a web app

Schritt 3 – Hosten des App-Pakets und der Webseite

Nachdem die Web-App erstellt wurde, können Sie über das Dashboard auf der Azure-Portal darauf zugreifen. In diesem Schritt erstellen wir eine einfache Webseite mit der GUI der Azure-Portal.

Nachdem Sie die neu erstellte Web-App aus dem Dashboard ausgewählt haben, verwenden Sie das Suchfeld, um App Service Editor zu suchen und zu öffnen.

Im Editor gibt es eine Standarddatei hostingstart.html . Klicken Sie mit der rechten Maustaste im leeren Bereich des Datei-Explorer-Bereichs, und wählen Sie Hochladen Dateien aus, um mit dem Hochladen Ihrer App-Pakete zu beginnen.

Hinweis

Sie können das App-Paket verwenden, das Teil des bereitgestellten Starter-Project-Repositorys für GitHub ist, wenn Sie kein App-Paket verfügbar haben. Das Zertifikat (MySampleApp.cer), mit dem das Paket signiert wurde, ist auch mit dem Beispiel für GitHub. Sie müssen das Zertifikat vor der Installation der App auf Ihrem Gerät installiert haben.

Screenshot of uploading packages

Klicken Sie mit der rechten Maustaste im leeren Bereich des Datei-Explorer-Bereichs, und wählen Sie "Neue Dateien " aus, um eine neue Datei zu erstellen. Benennen Sie die Datei: default.html.

Wenn Sie das im Starter Project bereitgestellte App-Paket verwenden, kopieren Sie den folgenden HTML-Code in die neu erstellte Webseitedefault.html. Wenn Sie Ihr eigenes App-Paket verwenden, ändern Sie die App-Dienst-URL (die URL nach source=). Sie können die App-Dienst-URL über die Übersichtsseite Ihrer App im Azure-Portal abrufen.

<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-Typen

Fügen Sie der Web-App eine neue Datei hinzu: Web.config. Öffnen Sie die Web.config Datei aus dem Explorer, und fügen Sie die folgenden Zeilen hinzu.

<?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 Testen

Um die von Ihnen erstellte Webseite zu starten, verwenden Sie die URL von Schritt 3 in den Browser gefolgt von /default.html.

Screenshot of installing app from Web page

Klicken Sie auf "Meine Beispiel-App installieren", um das App-Installationsprogramm zu starten und Ihr App-Paket zu installieren.

Behandlung von Problemen

App Installer-App kann nicht installiert werden

Die App-Installation schlägt fehl, wenn das Zertifikat, mit dem das App-Paket signiert ist, nicht auf dem Gerät installiert ist. Um dies zu beheben, müssen Sie das Zertifikat vor der Installation der App installieren. Wenn Sie ein App-Paket für öffentliche Verteilung hosten, empfehlen wir, Ihr App-Paket mit einem Zertifikat einer Zertifizierungsstelle zu signieren.

Screenshot of certification failure

Stellen Sie sicher, dass die App Installer-App installiert ist. Wechseln Sie zu Einstellungen ->Apps-Features&, und suchen Sie das App-Installationsprogramm in der Liste der installierten Apps.