Руководство по Windows 8 платформы
В этом руководстве показано, как настроить среду разработки SDK для развертывания приложений Cordova для Windows 8. Смотрите ниже для более подробной информации конкретной платформы:
Средства командной строки относятся к версии до 3.0 Кордова. Смотрите информацию о текущем интерфейсе интерфейс командной строки.
Майкрософт рекомендуется использовать имя приложения в стиле Metro в Windows 8 и Windows RT. MSDN теперь ссылается на этот тип приложения как приложения Магазина Windows , и это руководство следует этой Конвенции. Кроме того в этом руководстве Windows 8 означает Windows 8 и Windows RT.
Требования к
ОС Windows 8
Visual Studio 2012 Professional или лучше или Visual Studio 2012 Express для Windows 8
Следуйте инструкциям в windowsstore.com представить ваше приложение для Магазина Windows.
Установить SDK и Кордова
Настройте ваш предпочтительный вариант Visual Studio 2012. Все платные версии продукта (профессиональный, и т.д.) позволяют создавать приложения Магазина Windows. Вам нужно Express для Windows 8 для построения приложений Магазина Windows с использованием Экспресс издания.
Загрузите и распакуйте последнюю копию Кордова. Эти instuctions применяются к lib\windows-8
подкаталога.
Создание нового проекта
Вы уже можете построить приложений Windows 8 с помощью отслеживания HTML/JavaScript, доступные в приложениях Магазина Windows. Используйте Кордова в приложениях Магазина Windows для предоставления те же API как на других платформах, поддерживаемых Кордова.
Откройте Visual Studio 2012 и выберите Новый проект.
Выберите Установленные → шаблон → другие языки → JavaScript → Windows Store из дерева, а затем Пустое приложение из списка проекты. Введите имя проекта, какой вам нравится, такие как
CordovaWin8Foo
как в этом примере:Microsoft продолжает использовать
default.html
как Главная страница по умолчанию, но большинство веб-разработчиков сайтаindex.html
. Это хорошая идея, чтобы сделать это, по крайней мере соответствовать другие платформы, скорее всего, вы работаете на. Чтобы исправить это, в Обозреватель переименоватьdefault.html
файлindex.html
. Затем дважды щелкнитеpackage.appxmanifest
файл и измените значение, Стартовая страницаindex.html
:
Включить
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. Вы увидите окно сообщения появляются:

Вот это. Теперь вы готовы строить приложения Магазина Windows с Кордова.