Connecter votre site Web à votre application du Windows Store

Les applications du Windows Store vous permettent d’améliorer considérablement l’expérience utilisateur sur votre site Web. Vous pouvez concevoir des expériences totalement immersives, plus attrayantes et offrant de meilleures connexions à d’autres applications et aux autres fonctionnalités de Windows.

Grâce à Windows Runtime vous pouvez proposer des fonctionnalités allant au-delà des fonctionnalités offertes dans un navigateur seul, par exemple l’accès transparent aux fichiers et dossiers locaux, l’intégration aux icônes Windows 8 pour le partage et la recherche, et l’interaction avec les périphériques locaux. En outre, le Windows Store permet aux utilisateurs de rechercher et d’acheter facilement les applications dont ils ont besoin.

Cette rubrique contient davantage d’informations sur les fonctionnalités des applications du Windows Store dans Windows 8 qui permettent de connecter des sites Web à des applications, ainsi que sur les mécanismes disponibles pour établir ce type de connexion.

Cette rubrique contient les sections suivantes :

Expérience utilisateur

Les trois étapes décrites dans cette section indiquent comment les utilisateurs peuvent désormais rechercher, acheter et utiliser des applications du Windows Store à l’aide d’Internet Explorer dans Windows 8.

Rechercher une application

Naviguer sur le Web est un moyen naturel de rechercher des applications du Windows Store pour s’y connecter. Internet Explorer vous prévient lorsque des applications pour vos sites favoris sont disponibles. À partir de la barre d’adresses, les utilisateurs peuvent en toute transparence acquérir des applications depuis le Windows Store et basculer vers les applications associées à leurs sites Web à partir de ces derniers.

Après avoir créé une application du Windows Store, vous pouvez en notifier les utilisateurs de votre site Web. Il vous suffit pour cela d’ajouter une icône à votre site qui établit une connexion vers cette application. Grâce à cette connexion, les utilisateurs peuvent facilement accéder à votre application directement depuis la barre d’adresses d’Internet Explorer quand ils visitent votre site.

Obtenir l’application

Les utilisateurs peuvent naviguer sur leurs sites favoris et découvrir si des applications leur sont associées en utilisant l’icône renvoyant aux nouvelles applications sur le site qu’ils visitent. L’icône se transforme en bouton quand Internet Explorer détecte qu’une application est associée au site. Il suffit d’appuyer ensuite sur ce bouton pour accéder à la description de l’application dans le Windows Store.

L’image montre l’icône qui apparaît sur le site lorsqu’une application lui est associée.

Exemple de l’aspect de l’icône qui apparaît sur un site lorsqu’une application lui est associée.

Basculer vers l’application

Lorsque vous naviguez vers un site Web auquel une application du Windows Store a été associée, vous pouvez basculer directement vers cette application en appuyant sur le bouton de l’icône sur le site. Supposons qu’un ami vous envoie un lien vers du contenu Web par email ou par le biais de réseaux sociaux et que ce lien lance Internet Explorer dans la nouvelle interface utilisateur Windows. Si une application est associée au site lié, appuyez sur l’icône du site et sélectionnez Basculer vers l’application pour lancer l’application et accéder au même contenu lié dans l’application.

L’image suivante montre l’icône qui apparaît sur un site lorsqu’une application associée est installée sur le système de l’utilisateur.

Exemple de l’aspect de l’icône qui apparaît sur un site lorsqu’une application associée à ce site est installée sur le système de l’utilisateur

En arrière-plan

Cette section montre comment associer une application à un site et comment personnaliser cette expérience sur un site Web.

Balisage essentiel

Vous pouvez associer votre site Web à votre application Windows 8 avec quelques lignes simples de balisage. Il vous suffit d’inclure les balises meta suivantes dans l’élément head de votre page. Les deux balises sont requises pour permettre à Internet Explorer d’afficher le bouton de l’icône sur le site.


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


Lorsque ces balises sont présentes, Internet Explorer les utilise pour déterminer si l’application est déjà installée sur l’ordinateur de l’utilisateur et, si ce n’est pas le cas, pour fournir un lien direct vers la page de description de l’application dans le Windows Store.

Remarque  Internet Explorer pour ordinateur de bureau sous Windows 8 ne permet pas de fournir ce lien.
 

Ces deux balises requises font partie des cinq balises meta possibles permettant de contrôler l’interaction entre le site, le magasin Windows Store et l’application. Le tableau suivant montre la liste complète des balises.

NomContenu
msApplication-IDObligatoire. Nom du package de votre application, qui se trouve dans le manifeste de l’application dans Microsoft Visual Studio (sous Packages, Nom du package dans l’interface utilisateur ou /Package/Identity/@name dans le XML) ou sur le site Web Centre de développement Windows. Utilisé pour lier votre site à votre application.
msApplication-PackageFamilyNameObligatoire. Le nom de famille du package de l’application se trouve dans le manifeste de l’application dans Visual Studio (sous Packages, Nom de famille du package) dans l’interface utilisateur. Utilisé pour lier votre site au magasin.
msApplication-ArgumentsFacultatif. Chaîne d’arguments transmise à votre application. Par défaut, Internet Explorer transmet l’URL de la page Web, mais vous pouvez utiliser cette balise pour transmettre une chaîne relative au contexte.
msApplication-MinVersionFacultatif. Applique une version minimale pour l’application installée. Si l’utilisateur essaie de basculer vers une application obsolète depuis la page Web, il accède d’abord au Windows Store pour mettre à jour l’application.
msApplication-OptOut

Facultatif. Permet aux pages de ne pas utiliser l’intégralité de cette fonctionnalité ou de ne pas l’utiliser du tout :

  • "install" empêche de donner à l’utilisateur la possibilité d’obtenir l’application s’il ne l’a pas déjà installée
  • "switch" empêche de donner à l’utilisateur la possibilité de basculer vers une application déjà installée
  • "both" empêche les deux possibilités

 

Traitement de msApplication-Arguments

Vous pouvez offrir une expérience optimale à vos utilisateurs en leur permettant de basculer vers l’application depuis le site de la façon la plus transparente possible. Par exemple, supposons qu’un utilisateur bascule vers votre application alors qu’il lit la description d’un élément sur votre site Web. Pour offrir une expérience continue du site à l’application, l’application doit automatiquement renvoyer l’utilisateur à la description de cet élément.

Pour cela, il suffit de définir l’attribut name sur "msApplication-Arguments" dans la balise meta. L’attribut content de cette balise meta est transmis à l’application en tant que chaîne d’arguments. L’application analyse ce paramètre et dirige les utilisateurs vers le contenu approprié dans l’application.

Le fragment de code suivant montre comment traiter ce paramètre dans une application du Windows Store en 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
    }
  }
}


Le fragment suivant peut être utilisé dans une application du Windows Store en 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
    }
  }
}


Conclusion

Internet Explorer permet aux utilisateurs de naviguer sur le Web à l’aide des applications du Windows Store associées. Il vous permet en tant que développeur Web de diriger vos utilisateurs vers vos applications et de faire profiter aux utilisateurs d’une expérience totalement immersive sous Windows 8.

Pour plus d’informations, et pour accéder à une vidéo explicative, voir le billet intitulé Connectez votre site Web à votre application Windows 8 sur le IEBlog.

Rubriques associées

Création d’un lien vers votre application
Intégration de Windows 8
Guide du développeur Internet Explorer 10

 

 

Afficher: