Información
El tema que ha solicitado se muestra abajo. Sin embargo, este tema no se encuentra en la biblioteca.

Conectar tu sitio web con tu aplicación de la Tienda Windows

Las aplicaciones de la Tienda Windows te permiten llevar la experiencia del sitio web al siguiente nivel. Puedes crear experiencias más envolventes y bellas, y que se conecten mejor con otras aplicaciones y con el resto de Windows.

Con Windows en tiempo de ejecución, puedes ofrecer más características de lo que podrías en un explorador solo, como el acceso ininterrumpido a archivos y carpetas locales, la integración con los accesos de Windows 8 para compartir y buscar, y la interacción con dispositivos locales. Además, la Tienda Windows proporciona una excelente experiencia de usuario para navegar, buscar y comprar las aplicaciones que le interesan al usuario.

Este tema te proporciona más información sobre las características de las aplicaciones de la Tienda Windows en Windows 8 que conectan sitios web con tus aplicaciones, más los mecanismos que puedes usar para crear esa conexión.

Este tema contiene las siguientes secciones:

La experiencia del usuario

Los tres pasos descritos en esta sección presentan al usuario nuevas maneras para buscar, comprar y usar aplicaciones de la Tienda Windows con la ayuda de Internet Explorer en Windows 8.

Buscar una aplicación

Navegar en la Web es la manera natural de buscar y conectar aplicaciones de la Tienda Windows. Internet Explorer te informa de la disponibilidad de aplicaciones para tus sitios favoritos. Desde la barra de direcciones, los usuarios pueden adquirir aplicaciones sin ningún problema en la Tienda Windows o pueden pasar a las aplicaciones instaladas desde los sitios web asociados.

Después de crear una aplicación de la Tienda Windows, puedes llegar al público existente de tu sitio web si agregas al sitio un sencillo marcado que establezca una conexión con tu aplicación. Con esta conexión, los usuarios podrán descubrir fácilmente tus aplicaciones directamente desde la barra de direcciones de Internet Explorer cuando visiten tu sitio.

Obtener la aplicación

Los usuarios pueden navegar por sus sitios web favoritos y descubrir fácilmente si hay aplicaciones asociadas mediante el icono de sitio. El icono de sitio se convierte en un botón cuando Internet Explorer detecta que una aplicación está asociada con el sitio. Los usuarios solo tienen que pulsar el botón para ir a la descripción de la aplicación en la Tienda Windows.

La siguiente imagen muestra un icono de sitio cuando el sitio tiene una aplicación asociada.

Un ejemplo de la apariencia del icono de sitio cuando el sitio tiene una aplicación asociada.

Pasar a la aplicación

Cuando navegas a un sitio web que tiene instalada una aplicación de la Tienda Windows asociada, puedes pasar directamente a esa aplicación usando el botón de icono de sitio. Por ejemplo, imagina que un amigo comparte contigo un vínculo a contenido web a través de correo electrónico o de una red social, y el vínculo inicia Internet Explorer en la nueva interfaz de usuario de Windows. Si hay una aplicación asociada con el sitio vinculado, puedes pulsar el icono de sitio y seleccionar Pasar a la aplicación para iniciarla, y te llevará al mismo contenido vinculado dentro de la aplicación.

La siguiente imagen muestra un icono de sitio cuando el sistema del usuario tiene instalada una aplicación asociada.

Un ejemplo de la apariencia de un icono de sitio cuando el sistema del usuario tiene instalada una aplicación asociada.

En segundo plano

En esta sección se muestra cómo asociar una aplicación con un sitio y cómo personalizar la experiencia en el sitio web.

Marcado esencial

Para asociar tu sitio web con una aplicación para Windows 8, puedes usar algunas líneas de marcado. Incluye solamente las siguientes etiquetas meta en el elemento head de tu página. Ambas etiquetas son necesarias para que Internet Explorer incluya el botón de icono de sitio.


<meta name="msApplication-ID"content="microsoft.build.App"/>
<meta name="msApplication-PackageFamilyName"content="microsoft.build_8wekyb3d8bbwe"/>


Al incluir ambas etiquetas, Internet Explorer las usa para identificar si la aplicación ya está instalada en el equipo del usuario o, de lo contrario, para proporcionar un vínculo directo a la página de descripción de la aplicación en la Tienda Windows.

Nota  Internet Explorer para el escritorio en Windows 8 no proporciona esta capacidad de vinculación.

Estas son dos de las cinco etiquetas meta posibles necesarias para controlar la interacción entre el sitio, la tienda y la aplicación. La siguiente tabla muestra una lista completa de etiquetas.

NombreContenido
msApplication-IDObligatorio. El nombre del paquete de la aplicación, que se encuentra en el manifiesto de la aplicación en Microsoft Visual Studio (en Empaquetado, Nombre del paquete en la UI o /Package/Identity/@name en el XML) o en sitio web del Centro de desarrollo de Windows. Se usa para vincular tu sitio con la aplicación.
msApplication-PackageFamilyNameObligatorio. El nombre de familia del paquete de la aplicación se encuentra en el manifiesto de la aplicación en Visual Studio (en Empaquetado, Nombre de familia de paquete) en la interfaz de usuario. Se usa para vincular tu sitio a la tienda.
msApplication-ArgumentsOpcional. Cadena de argumento que se pasa a tu aplicación. De manera predeterminada, Internet Explorer pasa la URL de la página web, pero puedes usarla para pasar una cadena relevante al contexto.
msApplication-MinVersionOpcional. Exige una versión mínima requerida para la aplicación instalada. Si el usuario intenta pasar de la página web a una aplicación obsoleta, el sistema primero lo llevará a la Tienda Windows para actualizar la aplicación.
msApplication-OptOut

Opcional. Permite optar por excluir esta funcionalidad de las páginas de manera total o parcial:

  • "install" impide que se ofrezca al usuario la posibilidad de obtener la aplicación si no la tiene instalada
  • "switch" impide que el usuario tenga la opción de pasar a una aplicación ya instalada
  • "both" evita la presentación de ambas posibilidades al usuario.

 

Procesamiento de msApplication-Arguments

Si deseas crear la mejor experiencia para tus clientes, asegúrate de que el paso desde el sitio hacia la aplicación sea lo más sencillo posible. Por ejemplo, supongamos que un usuario pasa a tu aplicación mientras lee el resumen de un artículo en tu sitio web. Para proporcionar una experiencia ininterrumpida desde el sitio hacia la aplicación, la aplicación debe dirigir al usuario automáticamente a ese mismo resumen de artículo.

Para ello debe configurarse el atributo name para "msApplication-Arguments" en la etiqueta meta. El atributo content de esta etiqueta meta se pasa a la aplicación como cadena de argumento. La aplicación analiza este parámetro y dirige al usuario al contenido relevante en la aplicación.

El siguiente fragmento de código muestra cómo administrar este parámetro en una aplicación de la Tienda Windows con JavaScript:


// Function available in default.js file in Visual Studio templates provided 
WinJS.Application.onmainwindowactivated = function (e) {
  if (e.detail.kind === Windows.ApplicationModel.Activation.ActivationKind.launch) {
    // Insert this code to handle incoming argument when Internet Explorer launches the app
    if (e.detail.arguments) {
      // Parse the value of the msApplication-Arguments string
      // Direct incoming user to relevant in-app content
    }
  }
}


El siguiente fragmento puede usarse en una aplicación de la Tienda Windows con C++, C# o Visual Basic.


// Function available in App.xaml.js file in Visual C# templates provided in Visual Studio
partial class App
{
  protected override void OnLaunched(LaunchActivatedEventArgs args)
  {    
    // Insert this to handle incoming arguments, when Internet Explorer launches the app
    if (!String.IsNullOrEmpty(args.Arguments)) 
    {
      // Parse the value of the msApplication-Arguments string
      // Direct incoming user to relevant in-app content
    }
  }
}


Conclusión

Internet Explorer permite a los usuarios descubrir y experimentar la Web a través de aplicaciones de la Tienda Windows asociadas. Te permite a ti, como desarrollador web, atraer al público actual de tu sitio a tus aplicaciones y podrás ofrecer a los usuarios una experiencia envolvente en Windows 8.

Si deseas obtener más información, incluido un vídeo con instrucciones, consulta la publicación Conecta tu sitio web con tu aplicación de Windows 8 en IEBlog.

Temas relacionados

Crear un vínculo a tu aplicación
Integración con Windows 8
Guía de Internet Explorer 10 para desarrolladores

 

 

Mostrar:
© 2014 Microsoft