Windows 8 Platform Guide

Ce guide montre comment configurer votre environnement de développement SDK pour déployer des applications de Cordova pour Windows 8. Voir ci-dessous pour plus d'informations spécifiques à la plateforme :

Les outils de ligne de commande ci-dessus se référer aux versions antérieures à la 3.0 de Cordova. Voir l'Interface de ligne de commande pour plus d'informations sur l'interface actuelle.

Microsoft a désapprouvé le nom Metro style apps dans Windows 8 et Windows RT. MSDN se réfère maintenant à ce type d'application comme une application Windows Store , et ce guide fait suite à cette convention. En outre, dans ce guide Windows 8 signifie aussi bien Windows 8 et Windows RT.

Exigences

  • Windows 8

  • Visual Studio Professional 2012 ou supérieur ou Visual Studio 2012 Express pour Windows 8

Suivez les instructions à windowsstore.com pour soumettre votre application à Windows Store.

Installer le SDK et Cordova

Mettre en place votre variante préférée de Visual Studio 2012. Toutes versions payantes du produit (professionnel, etc.) vous permettent de créer des applications Windows Store. Vous avez besoin d' exprimer pour Windows 8 pour créer des applications Windows Store à l'aide de l' Express éditions.

Téléchargez et décompressez la dernière version de Cordova. Ces instructions s'appliquent à la lib\windows-8 sous-répertoire.

Mettre en place un nouveau projet

Vous pouvez déjà créer des applications de Windows 8 en utilisant le HTML/JavaScript suivi disponible dans Windows Store apps. Utiliser Cordova dans Windows Store apps pour exposer les mêmes API que sur d'autres plates-formes de Cordova-prise en charge.

  • Ouvrez Visual Studio 2012 et choisissez Nouveau projet.

  • Sélectionnez Installé → modèle → Other Languages → JavaScript → Windows Store dans l'arbre, puis App vide dans la liste de projets. Entrez n'importe quel nom de projet, vous aimez, tels que CordovaWin8Foo comme dans cet exemple :

  • Microsoft continue d'utiliser default.html comme la page d'accueil par défaut, mais la plupart des web développeurs utilisent index.html . C'est une bonne idée de le faire, au moins pour faire correspondre les autres plateformes sur que vous travaillez probablement. Pour résoudre ce problème, dans L'Explorateur de renommer le default.html fichier à index.html . Puis double-cliquez sur le package.appxmanifest du fichier et remplacez la valeur de page de démarrage par index.html :

    ![](/static/img/guide/platforms/win8/wschangemanifest.png)

  • D'inclure cordova.js dans votre projet, faites un clic droit sur le js dans L'Explorateur de solutions et sélectionnez Ajouter l'article → nouveaurépertoire. Localiser le cordova.js fichier dans le lib\windows-8 répertoire.

  • Modifiez le code pour index.html . Ajoutez une référence à cordova.js . Vous pouvez faire cela manuellement ou en faisant glisser le fichier depuis L'Explorateur de solutions. Ajoutez le code suivant autres dépendances à la page d'accueil de l'application :

        <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <!-- Cordova -->
    <script src="/js/cordova.js"></script>

    <!-- CordovaWin8Foo references -->
    <link href="/css/default.css" rel="stylesheet" />
    <script src="/js/default.js"></script>

  • Ajouter un [deviceready](../../../cordova/events/events.deviceready.html) Gestionnaire de démontrer Cordova travaille :

    <body>
    <p>Content goes here</p>
    <script type="text/javascript">
        console.log("Subscribing...");
        document.addEventListener("deviceready", function () {
            navigator.notification.alert("The device is ready!");
        });
    </script>
</body>

Test du projet

Exécutez le projet de Visual Studio. Vous verrez la boîte de message apparaît :

    ![](/static/img/guide/platforms/win8/wsalert.png)

C'est tout. Vous êtes maintenant prêt à créer des applications Windows Store avec Cordova.