Publicar una aplicación web progresiva en el Microsoft Store

Publicar la aplicación web progresiva (PWA) en el Microsoft Store ofrece las siguientes ventajas:

Para publicar el PWA en el Microsoft Store, no se requieren cambios de código. En su lugar, creas una reserva de aplicación, empaquetas tu PWA y envías el paquete a la Tienda. En las secciones siguientes se explican los pasos.

Crear una reserva de aplicación

Windows centro de partners es el centro para que envíes la aplicación al Microsoft Store.

Para crear una reserva de aplicación:

1. Para mostrar los programas inscritos:

   1. Inicie sesión Windows centro de partners con su cuenta de Microsoft y vaya al Panel del Centro de partners.
   2. Vaya a Windows & Xbox.
      • Si Windows & se muestra Xbox, la aplicación ya está registrada.
      • Si Windows & xbox no se muestra, selecciona Agregar programa.

   

2. Para inscribirse en el programa de desarrolladores:

   1. Vaya a Windows & Xbox.
   2. Selecciona Introducción.
   3. Sigue las instrucciones.

3. Ahora, tu cuenta está inscrita en el programa para desarrolladores de aplicaciones. Para crear una reserva de aplicación:

   1. Vaya a Windows & Xbox.
   2. Selecciona Información generalCrear una nueva > aplicación.
   3. Escriba el nombre de la aplicación en el símbolo del sistema.
   4. Seleccione Reserve product name.

   

4. Para mostrar los detalles del editor para su uso en la sección Empaquetar PWA, seleccione Product management > Product Identity.

   

5. Copie y guarde los siguientes valores.

   • Id. de paquete
   • Publisher id.
   • Publisher para mostrar

Empaquetar el PWA para la Tienda

Ahora que ya tienes la información de publicación de la aplicación, genera un Windows de la aplicación para tu PWA.

Para generar un paquete de aplicación:

1. Vaya a PWA Builder.

2. Escriba la dirección URL de su PWA y haga clic en Inicio.

3. Una vez completado el informe, asegúrese de que el PWA esté listo para la tienda. Si su PWA puntuación es demasiado baja, **** puede **** visitar opciones de manifiesto y opciones de trabajo de servicio y consultar las secciones que necesitan trabajo.

4. Cuando el PWA esté listo para publicarse, haga clic **** en Siguiente y, a continuación, seleccione el botón Almacenar paquete en la Windows de la página de publicación. ****

5. Pegue los siguientes valores, que guardó en la sección Crear una reserva de aplicación:

   • Id. de paquete
   • Publisher id.
   • Publisher para mostrar

   

6. Seleccione Generar.

7. Para descargar el paquete Windows aplicación, selecciona Descargar.

La descarga es un .zip archivo que contiene un archivo y un .msixbundle .classic.appxbundle archivo. Los dos paquetes de aplicaciones permiten que PWA se ejecuten en una amplia variedad de Windows versiones. Para obtener más información, vea ¿Qué es un paquete clásico?.

Enviar el paquete de la aplicación a la Tienda

Para enviar la aplicación al Microsoft Store:

1. Vaya al Centro Windows partners

2. Selecciona la aplicación.

3. Seleccione Iniciar el envío.

   

4. Cuando se te pida, proporciona información sobre la aplicación, como precios y clasificación por edades.

5. En el símbolo del sistema Paquetes, seleccione el archivo y los que generó en la .msixbundle sección .classic.appxbundle Empaquetar PWA.

Después de completar el envío, se revisa la aplicación, normalmente en un plazo de 24 a 48 horas. Después de recibir la aprobación, el PWA está disponible en el Microsoft Store.

Medir el uso de PWA instalado desde el Microsoft Store

Cuando el PWA se inicia inicialmente, si el PWA se instaló desde el Microsoft Store, Microsoft Edge incluye el siguiente encabezado con la solicitud de la primera navegación de la aplicación Referer web.

Referer: app-info://platform/microsoft-store

Use esta característica para medir el tráfico distinto del PWA que se instaló desde el Microsoft Store. En función del tráfico, puedes ajustar el contenido de la aplicación para mejorar la experiencia del usuario. Esta característica es accesible tanto para el código de cliente como para el código del servidor. Para obtener acceso a esta información en el lado cliente, puede consultar document.referrer en su JavaScript.

Esta característica se introdujo por primera Microsoft Edge versión 91 y la API de DOM se introdujo en Microsoft Edge versión 93.

Redirigir a dominios específicos de la configuración regional sin mostrar interfaz de usuario adicional

De forma predeterminada, PWA que se instala desde el Microsoft Store muestra una interfaz de usuario adicional cuando la aplicación se redirige a un dominio específico de la configuración regional. La interfaz de usuario agregada muestra la dirección URL y el título de la página. Esta interfaz de usuario se agrega porque la navegación al dominio específico de la configuración regional se considera "fuera del ámbito". Sin embargo, puedes impedir que se muestre esta interfaz de usuario, especificando orígenes específicos de la configuración regional que están asociados con el PWA.

En la siguiente figura se muestra la interfaz de usuario que se introduce cuando un usuario se mueve fuera del ámbito de un PWA.

Redirección de dominios con PWA instalados en el explorador

Un manifiesto de aplicación web está vinculado a un único dominio. Sin embargo, algunas PWA usan dominios específicos de la configuración regional para sus clientes en regiones específicas del mundo. Al visitar el PWA en un explorador web, los clientes pasan sin problemas del dominio principal (por ejemplo, contoso.com) a un dominio específico de la configuración regional (por ejemplo, contoso.co.ke), ya que el redireccionamiento se produce durante la carga inicial de ese sitio web.

Los clientes que instalan el PWA desde Microsoft Edge, por lo tanto, instalarían el PWA desde el dominio específico de la configuración regional. Los inicios posteriores del PWA directamente a ese dominio específico de la configuración regional, en lugar de ir primero al dominio principal.

Redirección de dominios con PWA instalados desde el Microsoft Store

Los PWA que se instalan desde el Microsoft Store tienen una dirección URL de inicio codificada de forma predeterminada que apunta al dominio principal. Cuando se inicia el PWA, el PWA navega inicialmente al dominio principal y, a continuación, un cliente puede redirigirse (según sea necesario) a su dominio específico de la configuración regional. Si se produce esa redirección, la navegación se considera "fuera del ámbito". Como resultado, la aplicación muestra la dirección URL y el título de la página en la parte superior de la página.

Mostrar la dirección URL y el título de la página es una característica de seguridad para garantizar que los usuarios sepan que han dejado el contexto del PWA. Esta interfaz de usuario agregada tiene sentido cuando un usuario carga una página de otro sitio web en el contexto del PWA. Sin embargo, esa interfaz de usuario agregada puede ser inapropiada cuando un usuario se mueve entre dominios que forman parte del mismo sitio web.

Impedir que se muestren la dirección URL y el título específicos de la configuración regional

Para evitar que la interfaz de usuario adicional se muestra en un PWA que se instala desde el Microsoft Store, puedes usar controladores de dirección URL para permitir que el PWA abarque varios dominios específicos de la configuración regional.

Para evitar mostrar la dirección URL y el título de la página:

1. Dentro del manifiesto PWA aplicación web del usuario, use el url_handlers miembro para especificar una matriz de orígenes asociados a esa aplicación.
2. En cada uno de los orígenes web-app-origin-association a los que se hace referencia, incluya un archivo que asocie el PWA con ese dominio.

Cuando estas listas de dominios están en su lugar, Microsoft Edge muestra la interfaz de usuario adicional cuando el dominio principal se redirige a los dominios específicos de la configuración regional.

Al final, la url_handlers característica se reemplazará por scope_extensions , pero esa especificación aún está en desarrollo. scope_extensions producirá el mismo resultado que url_handlers .

Esta característica se introdujo por primera vez Microsoft Edge versión 97.

Consulte también

• Probar y enviar el paquete PWA aplicación
• Publicar una nueva PWA en la Tienda
• Actualizar una aplicación de la Tienda existente a un PWA
• Recomendaciones de imagen para las PWA en la Tienda
• Explicador de empaquetado de aplicaciones