Distribuir una aplicación de Windows desde una aplicación web de Azure

Advertencia

El ms-appinstaller: protocolo URI usado en estos tutoriales de instalación web está deshabilitado de forma predeterminada a partir de diciembre de 2023. Los usuarios de la mayoría de los dispositivos no podrán usar el flujo de instalación desencadenado por el explorador con un solo clic. Para una distribución amplia, publícalo en la Tienda de Microsoft mejor. Para los dispositivos administrados por la empresa en los que TI puede volver a habilitar el protocolo a través de la directiva de grupo, consulte Instalar aplicaciones Windows desde una página web.

La aplicación Instalador de aplicaciones permite a los desarrolladores y profesionales de TI distribuir Windows aplicaciones hospedándolas en su propia red de entrega de contenido (CDN). Esto es útil para las empresas que no quieren o necesitan publicar sus aplicaciones en el Microsoft Store, pero que aún quieren aprovechar las ventajas de la plataforma de empaquetado e implementación de Windows.

En este tema se describen los pasos para configurar un servidor web de Azure para hospedar paquetes de aplicaciones Windows y cómo usar la aplicación instalador de aplicaciones para instalar los paquetes de la aplicación.

En este tutorial, revisaremos la configuración de un servidor IIS para comprobar localmente que la aplicación web puede hospedar correctamente los paquetes de la aplicación e invocar y usar la aplicación instalador de aplicaciones de forma eficaz. También tendremos tutoriales para hospedar las aplicaciones web correctamente en los servicios web en la nube populares en el campo (Azure y AWS) para asegurarse de que cumplen los requisitos de instalación web del Instalador de aplicaciones. Este tutorial paso a paso no requiere ninguna experiencia y es muy fácil de seguir.

Configuración

Para seguir correctamente este tutorial, necesitará lo siguiente:

  1. Microsoft Azure suscripción
  2. Windows 10 paquete de aplicación: el paquete de la aplicación que distribuirá.

Opcional: Starter Project en GitHub. Esto resulta útil si no tiene un paquete de aplicación o una página web con la que trabajar, pero aún le gustaría aprender a usar esta función.

Paso 1: Obtener una suscripción de Azure

Para obtener una suscripción de Azure, visite la página Azure cuenta. Para los fines de este tutorial, puede usar una suscripción gratuita.

Paso 2: Creación de una aplicación web de Azure

En la página del portal de Azure, haga clic en el botón + Crear un recurso y seleccione Web App

Captura de pantalla de la creación de una aplicación Azure

Cree un nombre de aplicación único y deje el resto de los campos como predeterminados. Haga clic en Crear para finalizar el Asistente para la creación de aplicaciones web.

Captura de pantalla de la creación de una aplicación web

Paso 3: Hospedar el paquete de la aplicación y la página web

Una vez creada la aplicación web, puede acceder a ella desde el panel del portal de Azure. En este paso, vamos a crear una página web sencilla con la GUI del portal de Azure.

Después de seleccionar la aplicación web recién creada en el panel, use el campo de búsqueda para buscar y abrir el Editor de App Service.

En el editor, hay un archivo predeterminado hostingstart.html . Haga clic con el botón derecho en el espacio vacío del panel del explorador de archivos y seleccione Cargar archivos para empezar a cargar los paquetes de la aplicación.

Nota:

Puede usar el paquete de aplicación que forma parte del repositorio proporcionado Starter Project en GitHub si no tiene un paquete de aplicación disponible. El certificado (MySampleApp.cer) con el que se firmó el paquete también está con el ejemplo en GitHub. Debe tener instalado el certificado en el dispositivo antes de instalar la aplicación.

Captura de pantalla de la carga de paquetes

Haga clic con el botón derecho en el espacio vacío del panel explorador de archivos y seleccione Nuevos archivos para crear un nuevo archivo. Asigne al archivo el nombre : default.html.

Si usa el paquete de aplicación proporcionado en el Starter Project, copie el código HTML siguiente en la página web recién creada default.html. Si está utilizando su propio paquete de aplicación, modifique la dirección URL del servicio de aplicaciones (la URL después de source=). Puede obtener la dirección URL de App Service en la página de información general de la aplicación en el portal de 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>

Paso 4: Configurar la aplicación web para los tipos MIME del paquete de aplicaciones

Agregue un nuevo archivo a la aplicación web denominada: Web.config. Abra el Web.config archivo desde el explorador y agregue las siguientes líneas.

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

Paso 5: Ejecución y prueba

Para iniciar la página web que creó, use la dirección URL del paso 3 en el explorador seguida de /default.html.

Captura de pantalla de la instalación de la aplicación desde la página web

Haga clic en "Instalar mi aplicación de ejemplo" para iniciar el instalador de la aplicación e instalar el paquete de la aplicación.

Solución de problemas

La aplicación App Installer no se pudo instalar

Se producirá un error en la instalación de la aplicación si el certificado con el que está firmado el paquete de la aplicación no está instalado en el dispositivo. Para corregirlo, deberá instalar el certificado antes de la instalación de la aplicación. Si hospeda un paquete de aplicación para la distribución pública, se recomienda firmar el paquete de la aplicación con un certificado de una entidad de certificación.

Captura de pantalla del error de certificación

Asegúrese de que la aplicación Instalador de aplicación esté instalada. Vaya a Configuración ->Aplicaciones y características y busque instalador de aplicaciones en la lista de aplicaciones instaladas.