Distribución de una aplicación de Windows 10 desde una aplicación web de Azure

La Instalador de aplicación permite a los desarrolladores y profesionales de TI distribuir Windows 10 aplicaciones mediante su hospedaje en sus propios Content Delivery Network (CDN). Esto es útil para las empresas que no desean o necesitan publicar sus aplicaciones en el Microsoft Store, pero que todavía quieren aprovechar las ventajas de la plataforma de empaquetado e implementación Windows 10 de paquetes.

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

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

Configurar

Para seguir correctamente este tutorial, necesitará lo siguiente:

  1. Suscripción de Microsoft Azure
  2. Windows 10 paquete de aplicación: el paquete de aplicación que se va a distribuir

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

Paso 1: Obtener una suscripción de Azure

Para obtener una suscripción de Azure, visite la página de la cuenta de Azure. 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 Azure Portal, haga clic en el botón + Crear un recurso y, a continuación, seleccione Aplicación web.

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

Cree un nombre de aplicación único y deje el resto de los campos como valor predeterminado. 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 aplicación y la página web

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

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

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

Nota

Puede usar el paquete de aplicación que forma parte del repositorio starter Project proporcionado 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 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 el nombre al archivo: default.html .

Si usa el paquete de aplicación proporcionado en la página de inicio Project, copie el siguiente código HTML en la página web recién creada. Si usa su propio paquete de aplicación, modifique la dirección URL de App Service (la dirección 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 la 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>

Paso 4: Configuración de la aplicación web para tipos MIME de paquetes de aplicaciones

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

<?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 seguido 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 Instalador de aplicación e instalar el paquete de la aplicación.

Problemas de la solución de problemas

Instalador de aplicación aplicación no se puede instalar

Se producirá un error en la instalación de la aplicación si el certificado con el que está firmado el paquete de 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 aplicación con un certificado de una entidad de certificación.

Captura de pantalla del error de certificación

Asegúrese de que la Instalador de aplicación está instalada. Vaya a Configuración - Características de aplicaciones y busque Instalador de aplicación en la lista de aplicaciones instaladas.