Distribuer une application Windows 10 à partir d’une application web Azure

L’application Programme d’installation d’applications permet aux développeurs et aux professionnels de l’informatique de distribuer des applications Windows 10 en les hébergeant sur leur propre réseau de distribution de contenu (CDN). Cela est utile pour les entreprises qui ne souhaitent pas ou n’ont pas besoin de publier leurs applications sur le Microsoft Store, mais qui souhaitent toujours tirer parti de la plateforme d’empaquetage et de déploiement de Windows 10.

Cette rubrique décrit les étapes de configuration d’un serveur web Azure pour héberger Windows 10 packages d’applications et comment utiliser l’application Programme d’installation d’application pour installer les packages d’application.

Dans ce tutoriel, nous allons configurer un serveur IIS pour vérifier localement que votre application web peut héberger correctement les packages d’application et appeler et utiliser efficacement l’application Programme d’installation d’application. Nous aurons également des tutoriels pour héberger vos applications web correctement sur les services web cloud populaires dans le champ (Azure et AWS) pour s’assurer qu’ils répondent aux exigences d’installation web d’App Installer. Ce didacticiel pas à pas ne nécessite aucune expertise et est très facile à suivre.

Programme d’installation

Pour suivre ce tutoriel, vous aurez besoin des éléments suivants :

  1. Abonnement Microsoft Azure
  2. Windows 10 package d’application - Package d’application que vous distribuerez

Facultatif : Project de démarrage sur GitHub. Cela est utile si vous n’utilisez pas de package d’application ou de page web à utiliser, mais souhaitez toujours apprendre à utiliser cette fonctionnalité.

Étape 1 : Obtenir un abonnement Azure

Pour obtenir un abonnement Azure, visitez la page du compte Azure. Pour les besoins de ce tutoriel, vous pouvez utiliser une adhésion gratuite.

Étape 2 : Créer une application web Azure

Dans la page Portail Azure, cliquez sur le bouton + Créer une ressource, puis sélectionnez Application web

Screenshot of creating an Azure app

Créez un nom d’application unique et laissez le reste des champs par défaut. Cliquez sur Créer pour terminer l’Assistant Création d’application web.

Screenshot of creating a web app

Étape 3 : Hébergement du package d’application et de la page web

Une fois l’application web créée, vous pouvez y accéder à partir du tableau de bord sur le Portail Azure. Dans cette étape, nous allons créer une page web simple avec l’interface graphique graphique du Portail Azure.

Après avoir sélectionné l’application web nouvellement créée dans le tableau de bord, utilisez le champ de recherche pour rechercher et ouvrir App Service Éditeur.

Dans l’éditeur, il existe un fichier par défaut hostingstart.html . Cliquez avec le bouton droit dans l’espace vide du volet Explorateur de fichiers et sélectionnez Télécharger Fichiers pour commencer à charger vos packages d’application.

Notes

Vous pouvez utiliser le package d’application qui fait partie du référentiel starter Project fourni sur GitHub si vous n’avez pas de package d’application disponible. Le certificat (MySampleApp.cer) avec lequel le package a été signé est également avec l’exemple sur GitHub. Vous devez avoir le certificat installé sur votre appareil avant d’installer l’application.

Screenshot of uploading packages

Cliquez avec le bouton droit dans l’espace vide du volet Explorateur de fichiers et sélectionnez Nouveaux fichiers pour créer un fichier. Nommez le fichier : default.html.

Si vous utilisez le package d’application fourni dans le Project Starter, copiez le code HTML suivant dans la page default.htmlweb nouvellement créée. Si vous utilisez votre propre package d’application, modifiez l’URL app service (l’URL après source=). Vous pouvez obtenir l’URL app service à partir de la page de vue d’ensemble de votre application dans la Portail Azure.

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

Étape 4 : Configurer l’application web pour les types MIME du package d’application

Ajoutez un nouveau fichier à l’application web nommée : Web.config. Ouvrez le Web.config fichier à partir de l’Explorateur et ajoutez les lignes suivantes.

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

Étape 5 - Exécuter et tester

Pour lancer la page web que vous avez créée, utilisez l’URL de l’étape 3 dans le navigateur suivi de /default.html.

Screenshot of installing app from Web page

Cliquez sur « Installer mon exemple d’application » pour lancer le programme d’installation de l’application et installer votre package d’application.

Résolution des problèmes

L’application Programme d’installation d’application ne parvient pas à installer

L’installation de l’application échoue si le certificat auquel le package d’application est signé n’est pas installé sur l’appareil. Pour résoudre ce problème, vous devez installer le certificat avant l’installation de l’application. Si vous hébergez un package d’application pour la distribution publique, nous vous recommandons de signer votre package d’application avec un certificat d’une autorité de certification.

Screenshot of certification failure

Vérifiez que l’application Programme d’installation d’application est installée. Accédez à Paramètres-Fonctionnalités des applications & et recherchez le programme d’installation d’applications dans la liste des applications installées.>