Créer un package MSIX avec MSIX Core à partir du code source

MSIX Core permet au déploiement MSIX de sélectionner des versions précédentes de Windows. Vous pouvez utiliser le programme d’installation de MSIX Core pour créer une application à l’aide de ClickOnce. Cela permet à vos utilisateurs de télécharger une setup.exe et d’installer l’application MSIX via le programme d’installation de MSIX Core.

Héberger votre application sur un serveur Web

Pour que votre application soit prête pour l’amorçage avec le programme d’installation de MSIX Core, vous devez héberger votre package d’application sur un serveur Web. Cette section fournit des informations détaillées sur la configuration d’une application Web sur Azure, Internet Information Services (IIS)et Amazon Web Services (AWS).

Azure

Pour utiliser cette option, vous devez disposer d’un abonnement Azure. Pour en obtenir un, consultez la page compte Azure.

Créer une application web Azure

Pour commencer, accédez à la page portail Azure et procédez comme suit :

  1. Cliquez sur Créer une ressource.
  2. Cliquez sur Web , puis sélectionnez application Web.
  3. Sous Détails de l’instance, créez un nom d’application unique et sélectionnez les paramètres appropriés pour votre application. Par exemple, vous devrez choisir entre le code ou le conteneur de l’ancrage et la pile d’exécution. Dans le cas contraire, laissez tout le reste par défaut.
  4. Cliquez sur créer , puis terminez l’Assistant.

Héberger le package d’application et la page Web

  1. Après avoir créé l’application Web, sélectionnez l’application.
  2. Sous Outils de développement, cliquez sur Éditeur App Service.
  3. Dans l’éditeur, il existe un fichier hostingstart.html par défaut. Cliquez avec le bouton droit dans l’espace vide de l’Explorateur de fichiers, puis sélectionnez Télécharger des fichiers pour commencer à télécharger vos packages d’application.
  4. Cliquez à nouveau avec le bouton droit dans l’espace vide du panneau Explorateur de fichiers et sélectionnez nouveaux fichiers pour créer un nouveau fichier. Nommez le fichier que vous souhaitez utiliser comme page HTML par défaut.

Configurer l’application Web pour les types MIME de package d’application

Ajoutez un nouveau fichier nommé Web.config à l’application Web. Ouvrez le fichier Web.config et ajoutez le code XML suivant au fichier.

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

Internet Information Services (IIS)

IIS est une fonctionnalité Windows facultative. Pour installer IIS :

  1. Cliquez sur Démarrer et recherchez activer ou désactiver des fonctionnalités Windows.
  2. Sélectionnez Internet Information Services.
  3. Veillez également à installer ASP.NET 4,5 ou une version ultérieure. Dans la boîte de dialogue fonctionnalités de Windows , développez Internet Information Services -> Services World Wide Web -> fonctionnalités de développement d’applications, puis sélectionnez une version de ASP.net supérieure ou égale à ASP.net 4,5.
  4. Cliquez sur OK pour commencer l’installation.

Visual Studio 2017 (ou version ultérieure) et les outils de développement Web sont requis. Si vous avez déjà installé Visual Studio 2017 ou une version ultérieure, assurez-vous que les charges de travail de développement Web et ASP.NET sont installées. Dans le cas contraire, installez Visual Studio à partir d' ici.

Créer une application web

Démarrez Visual Studio en tant qu’administrateur et créez un projet d' application Web Visual C# avec un modèle de projet vide.

Configurer IIS avec votre application Web

  1. Dans Explorateur de solutions, cliquez avec le bouton droit sur le projet racine et sélectionnez Propriétés.
  2. Dans Propriétés, sélectionnez l’onglet Web .
  3. Dans la section serveurs , choisissez IIS local dans le menu déroulant, puis cliquez sur créer un répertoire virtuel.

Ajouter le package d’application à l’application Web

Ajoutez le package d’application que vous souhaitez distribuer à l’application Web :

  1. Dans Explorateur de solutions, cliquez avec le bouton droit sur le nœud du projet.
  2. Sélectionnez Ajouter -> un nouveau dossier et nommez le dossier packages.
  3. Pour ajouter des packages d’application au dossier, cliquez avec le bouton droit sur le dossier Packages, puis sélectionnez Ajouter un -> élément existant. Accédez à l’emplacement du package d’application.

Créer une page web

Créez une page HTML ou toute autre application Web en fonction de vos besoins. Ajoutez le lien de votre nouvelle setup.exe.

Configurer l’application Web pour les types MIME de package d’application

Ouvrez le fichier Web.config à partir de l’Explorateur de solutions et ajoutez le code XML suivant dans l' élément.

<system.webServer>
  <!--This is to allow the web server to serve resources with the appropriate file extensions-->
  <staticContent>
    <mimeMap fileExtension=".appx" mimeType="application/appx" />
    <mimeMap fileExtension=".msix" mimeType="application/msix" />
  </staticContent>
</system.webServer>

Amazon Web Services (AWS)

Pour utiliser cette option, vous devez avoir une appartenance AWS. Pour plus d’informations, consultez les Détails du compte AWS.

Créer un compartiment Amazon S3 et télécharger vos packages et pages Web MSIX

Amazon Simple Storage Service (S3) est une offre AWS pour la collecte, le stockage et l’analyse des données. Les compartiments S3 sont un moyen pratique d’héberger des packages d’applications Windows 10 et des pages Web pour la distribution.

  1. Connectez-vous à AWS. Sous services , recherchez S3.
  2. Sélectionnez créer un compartiment et entrez un nom de compartiment pour votre site Web. Suivez les invites de la boîte de dialogue pour définir les propriétés et les autorisations. Pour vous assurer que votre application Windows 10 peut être distribuée à partir de votre site Web, activez les autorisations de lecture et d' écriture pour votre compartiment et sélectionnez accorder l’accès en lecture public à ce compartiment. Cliquez sur créer un compartiment pour terminer cette étape.
  3. Lorsque vous avez terminé, téléchargez vos packages MSIX et pages Web dans le compartiment S3.

Configurer l’application Web pour les types MIME de package d’application

À l’aide d’une interface de service Web comme S3 Browser pour ajouter un nouvel en-tête http par défaut.

  1. Accédez à Outils et sélectionnez en-têtes HTTP par défaut.
  2. Dans la boîte de dialogue en-têtes HTTP par défaut , cliquez sur Ajouter.
  3. Dans la boîte de dialogue ajouter de nouveaux en-têtes HTTP par défaut , spécifiez le nom du compartiment, le nom du fichier, le nom de l’en-tête et la valeur d’en-tête, puis cliquez sur Ajouter un nouvel en-tête
    • Nom du compartiment: msix-packages
    • Nom du fichier: *. msix
    • Nom de l’en-tête: content-type
    • Valeur d’en-tête: application/msix

Notes

AWS ont des recommandations strictes que vous devez suivre. Par exemple, les noms de compartiments doivent être uniques et, par conséquent, si vous utilisez l’exemple ci-dessus, vous devrez modifier le nom du compartiment.

Utiliser le programme d’installation de MSIX Core pour générer l’application ClickOnce

Recherchez le setup.exe ClickOnce de votre application d’application. Cela fait référence au clone du projet git, à sa génération et à sa publication via le projet Visual Studio.

Exécutez la commande URL pour créer un setup.exe

Assurez-vous d’avoir suivi les instructions pour cloner, générer et publier la solution MSIX Core dans Visual Studio. Pour référence, le projet GitHub se trouve ici

Accédez au répertoire où vous avez publié le fichier setup.exe, puis exécutez la commande suivante :

.\setup.exe -url=<location of your msix in the webservice>

Par exemple

.\setup.exe -url="https://appinstallerdemo.azurewebsites.net/MSIXCore/msixmgrWrapper.application?https://appinstallerdemo.azurewebsites.net/MSIXCore/notepadplus.msix#"

Signer l’application

Étant donné que l’étape précédente a créé un nouveau setup.exe, vous devez signer à nouveau l’application pour vérifier que vous êtes un éditeur approuvé de l’application et établir l’intégrité de l’application. Vous pouvez utiliser le SignTool et fournir votre certificat.

Distribuer l’application à vos utilisateurs

Vous pouvez maintenant pointer sur le nouveau setup.exe à l’aide d’un lien ou d’un bouton Télécharger sur leur site Web. MSIX Core est destiné aux utilisateurs sur Windows 10, version 1703 et versions antérieures. Le programme d’installation de l’application est le processus d’installation idéal pour les packages MSIX sur Windows 1709 ou une version ultérieure. Le programme d’installation d’application optimise l’espace disque côté client et peut installer directement des applications à partir d’emplacements HTTP. MSIX Core détecte si un consommateur est sur Windows 1709 ou une version ultérieure et les redirige vers le programme d’installation de l’application.

Sur Microsoft Edge, vous pouvez appeler la méthode getHostEnvironmentValue () et le champ OS-Build dans la valeur de retour spécifie la version du système d’exploitation de l’utilisateur. À partir de là, vous pouvez inviter le processus d’installation à utiliser MSIX Core (pour Windows 10, version 1703 et antérieure) ou le programme d’installation de l’application (pour Windows 10, version 1709 et ultérieures).

Expérience utilisateur

Les utilisateurs téléchargent et exécutent simplement le setup.exe à partir de la page Web du développeur.

  • Si le programme d’installation de MSIX Core n’est pas encore installé lorsque l’utilisateur exécute setup.exe, il voit l’invite ClickOnce et clique sur installer pour installer le programme d’installation de MSIX Core. Le programme d’installation démarre automatiquement et affiche l’écran d’installation pour le package MSIX spécifié dans la chaîne de requête du développeur afin que les utilisateurs puissent installer l’application.
  • Si le programme d’installation de MSIX Core est déjà installé lorsque l’utilisateur exécute setup.exe, le programme d’installation de MSIX Core démarre automatiquement et affiche l’écran d’installation du package MSIX spécifié dans la chaîne de requête pour permettre aux utilisateurs d’installer l’application.