Windows 8 平臺指南

本指南介紹如何設置您的 SDK 開發環境為 Windows 8 部署科爾多瓦的應用程式。請參閱下列特定于平臺的詳細資訊：

上面的命令列工具請參閱科爾多瓦 3.0 以前的版本。關於當前介面的資訊，請參閱命令列介面。

Microsoft 不推薦使用在 Windows 8 和 Windows 室溫下地鐵風格的應用程式名稱 MSDN 現在指的是這種類型的應用程式作為Windows 應用商店的應用程式，並且本指南跟隨該公約 》。 此外，在本指南中Windows 8表示 Windows 8 和 Windows 室溫下

要求

  • Windows 8

  • Visual Studio 2012 專業或更好或 Visual Studio 2012 表示為 Windows 8

按照在windowsstore.com的說明提交您對 Windows 應用商店的應用程式。

安裝 SDK 和科爾多瓦

設置您的 Visual Studio 2012 的首選變形。 所有產品的付費版本 (專業、 等) 讓您構建 Windows 應用商店的應用程式。 你需要表達為 Windows 8來構建 Windows 應用商店應用程式使用的速成版.

下載並解壓縮科爾多瓦的最新副本。這些說明適用于 lib\windows-8 子目錄。

設立了一個新的專案

你已經可以生成使用HTML/JavaScript 跟蹤在 Windows 應用商店的應用程式中可用的 Windows 8 應用程式。 在 Windows 應用商店的應用程式中使用科爾多瓦，正如在其他科爾多瓦支援的平臺上公開相同的 Api。

  • 打開 Visual Studio 2012 並選擇新的專案.

  • 從專案清單從樹，然後空白應用程式選擇安裝 → 範本 → 其它語言 → JavaScript → Windows 存儲區。 輸入你喜歡的如無論專案名稱 CordovaWin8Foo 如本示例所示：

  • Microsoft 將繼續使用 default.html 作為預設的主頁，但大多數的 網頁程式開發人員使用 index.html 。 它是個好主意，這樣做，至少要匹配你有可能在其他平臺。 若要修復此問題，在解決方案資源管理器中重命名 default.html 檔到 index.html 。 然後按兩下 package.appxmanifest 檔，並將起始頁該值更改為 index.html ：

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

  • 要包括 cordova.js 在專案中，按右鍵 js 目錄在解決方案資源管理器並選擇添加 → 新專案。 找到 cordova.js 檔在 lib\windows-8 目錄。

  • 編輯的代碼為 index.html 。 將引用添加到 cordova.js 。 您可以手動，或通過從解決方案資源管理器中拖動檔。 添加以下其他應用程式的主頁上的依賴關係：

        <!-- 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>

  • 添加 [deviceready](../../../cordova/events/events.deviceready.html) 處理常式，以演示科爾多瓦工作：

    <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>

測試專案

從 Visual Studio 中運行該專案。你會看到顯示的訊息方塊：

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

這是它。你現在準備好建立 Windows 應用商店的應用，科爾多瓦。