Conecte seu site ao seu aplicativo da Windows Store

Com os aplicativos da Windows Store, você pode elevar a experiência em seu site para um novo nível. Você pode criar experiências mais imersivas, bonitas e com melhor conexão a outros aplicativos e ao restante do Windows.

Usando o Tempo de Execução do Windows, você pode fornecer mais recursos do que seria possível apenas com o navegador, como acesso perfeito a arquivos e pastas locais, integração com os Botões do Windows 8 para compartilhamento e pesquisa, além de interação com dispositivos locais. Além disso, a Windows Store oferece uma ótima experiência de usuário quanto à navegação, localização e compra dos aplicativos mais desejados pelos usuários.

Este tópico mostra mais sobre os recursos dos aplicativos da Windows Store no Windows 8 que conectam sites a aplicativos, além de mecanismos que você pode usar para criar essa conexão.

Este tópico contém as seguintes seções:

A experiência do usuário

As três etapas descritas nesta seção representam novas maneiras de os usuários procurarem, adquirirem e usarem os aplicativos da Windows Store com a ajuda do Internet Explorer no Windows 8.

Procurar um aplicativo

Navegar na Web é a maneira natural de encontrar e conectar com os aplicativos da Windows Store. O Internet Explorer o avisará quando os aplicativos de seus sites favoritos estiverem disponíveis. A partir da barra de endereço, os usuários podem adquirir os aplicativos diretamente na Windows Store e podem trocar para os aplicativos instalados a partir dos seus sites associados.

Depois de criar um aplicativo da Windows Store, você pode alcançar a audiência existente apenas adicionando uma marcação simples ao seu site que estabelece uma conexão com o aplicativo. Com essa conexão, fica mais fácil para seus usuários descobrirem o aplicativo diretamente a partir da barra de endereços do Internet Explorer quando visitarem seu site.

Obter o aplicativo

Os usuários podem procurar seus sites preferidos e descobrir facilmente se estes têm aplicativos associados usando o ícone do site. O ícone do site se transforma em um botão quando o Internet Explorer descobre que um aplicativo está associado ao site. Os usuários só precisam tocar o botão para ir à descrição do aplicativo na Windows Store.

A imagem a seguir mostra um ícone de site quando o site tem um aplicativo associado.

Um exemplo da aparência do ícone de site quando o site tem um aplicativo associado

Alternar para o aplicativo

Quando você navega para um site que tem aplicativos da Windows Store associados, pode alternar para aquele aplicativo diretamente usando o botão do ícone de site. Por exemplo, suponha que um amigo compartilhe com você um link para conteúdo na Web através de email ou de redes sociais, e que o link inicia o Internet Explorer na nova interface do usuário do Windows. Se houver um aplicativo associado ao site vinculado, você pode tocar no ícone do site e selecionar Alternar para o aplicativo. Isso iniciará o aplicativo e o levará ao mesmo conteúdo vinculado dentro dele.

A imagem a seguir mostra um ícone de site quando um aplicativo associado está instalado no sistema do usuário.

Um exemplo da aparência de um ícone de site quando um aplicativo associado está instalado no sistema do usuário

Nos bastidores

Esta seção mostra como associar um aplicativo a um site e como personalizar essa experiência em um site.

Marcação essencial

Você pode associar seu site com seu aplicativo do Windows 8 usando algumas linhas simples de marcação. Basta incluir as tags meta a seguir no elemento head da sua página. Ambas as tags são necessárias para que o Internet Explorer forneça o botão do ícone do site.


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


Quando as tags estão presentes, o Internet Explorer as usa para identificar se o aplicativo já está instalado no computador do usuário e, se não estiverem, para fornecer um link direto para a página de descrição do aplicativo na Windows Store.

Observação  O Internet Explorer para desktop no Windows 8 não oferece esta habilidade de vinculação.

Estas duas tags necessárias estão entre as cinco tags meta possíveis disponíveis para controlar a interação entre o site, loja e aplicativo. A tabela a seguir mostra uma lista completa das tags.

NomeConteúdo
msApplication-IDObrigatório. O nome de seu Pacote de aplicativo, que pode ser localizado no manifesto de aplicativo no Microsoft Visual Studio (sob Empacotamento, Nome do pacote por meio da interface do usuário ou /Package/Identity/@name no XML) ou no site do Centro de Desenvolvimento do Windows. Usado para vincular seu site ao seu aplicativo.
msApplication-PackageFamilyNameObrigatório. O nome de família do Pacote do aplicativo pode ser localizado no manifesto do aplicativo em Visual Studio (sob Empacotamento, Nome de família do pacote) por meio da interface do usuário. Usado para vincular seu site à loja.
msApplication-ArgumentsOpcional. Cadeia de caracteres de argumentos passada para seu aplicativo. Por padrão, o Internet Explorer passa a URL da página Web, mas você pode usar isto para passar uma cadeia de caracteres relevante ao contexto.
msApplication-MinVersionOpcional. Impõe uma versão mínima necessária ao aplicativo instalado. Se o usuário tentar alternar a partir da página da Web para um aplicativo obsoleto, ele/ela será primeiro levado à Windows Store para atualizar o aplicativo.
msApplication-OptOut

Opcional. Permite que as páginas recusem toda ou partes desta funcionalidade:

  • "instalar" evita oferecer ao usuário para obter o aplicativo quando ele não o tem instalado
  • "alternar" evita oferecer ao usuário para alternar para um aplicativo já instalado
  • "ambos" evita ambas as ofertas

 

Processando msApplication-Arguments

Você pode criar a melhor experiência para seus clientes garantindo que a troca do site para o aplicativo será a mais perfeita possível. Por exemplo, suponha que um usuário alterne para seu aplicativo enquanto lê uma análise de um item em seu site. Para oferecer uma experiência contínua a partir do site para o aplicativo, o aplicativo deve navegar automaticamente o usuário até a mesma análise daquele item.

Ao definir o atributo name como "msApplication-Arguments" na tag meta isso é habilitado. O atributo content desta tag meta é passado para o aplicativo como uma cadeia de caracteres de argumento. O aplicativo analisa este parâmetro e navega os usuários até o conteúdo relevante no aplicativo.

O fragmento de código a seguir mostra como manipular esse parâmetro em um aplicativo da Windows Store que usa 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
    }
  }
}


Este fragmento pode ser usado em um aplicativo da Windows Store em C++, C# ou 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
    }
  }
}


Conclusão

Com o Internet Explorer, os usuários podem descobrir e experimentar a Web através de aplicativos da Windows Store associados. Ele permite que você, como desenvolvedor Web, encaminhe a audiência do seu site para seus aplicativos, oferecendo novas oportunidades para envolver os usuários em uma experiência imersiva no Windows 8.

Para saber mais, incluindo um vídeo de instruções, veja o artigo intitulado Conectar seu Site ao Seu Aplicativo do Windows 8 no IEBlog.

Tópicos relacionados

Criando um link para o seu aplicativo
Integração do Windows 8
Guia para Desenvolvedores do Internet Explorer 10

 

 

Mostrar:
© 2014 Microsoft