Оберните ваш сайт в приложение для Windows Phone

  1. Настройка среды разработки
  2. Создание проекта
  3. Изменить проект для использования вашего сайта
  4. Добавить кнопку Поделиться
  5. Шаг 1. Добавьте значок «Поделиться» в ваш проект.
  6. Шаг 2: Измените Панель приложений начать без сворачивания
  7. Шаг 3. Добавьте кнопку «Поделиться» на панель приложений.
  8. Шаг 4. Запуск действия «Поделиться» при нажатии кнопки
  9. Будущая работа
  10. Тест на реальном устройстве
  11. Скачать дополнительные эмуляторы
  12. Windows Phone 8.1
  13. Отправить в Windows Phone Store

Предоставление вашему бизнесу присутствия в магазинах мобильных приложений может быть отличным маркетинговым инструментом, но создание полностью собственных мобильных приложений может быть непростой задачей. Внедрение всех ваших функциональных возможностей в новые собственные приложения для каждой мобильной платформы требует значительных ресурсов, и зачастую окупаемость инвестиций не сразу очевидна. Что если бы вы могли получить лучшее из обоих миров: присутствие в магазине приложений на каждой платформе при одновременном использовании инвестиций в ваш существующий дружественный для мобильных устройств веб-сайт?

Создать приложение для Windows Phone, которое обернет ваш существующий веб-сайт, довольно просто. Предыдущий опыт разработки Windows, C # и / или XAML полезен, но не обязателен. Эта статья расскажет вам, как установить инструменты разработки для Windows Phone и создать простое приложение для Windows Phone, которое обернет ваш существующий веб-сайт.

Настройка среды разработки

Вам понадобится Windows 8 (x64) Professional или Enterprise. Я бы не рекомендовал использовать виртуальную машину, так как эмулятор, используемый для тестирования приложений Windows Phone, может работать неправильно, если используется внутри виртуальной машины. Хотя, в зависимости от используемой вами платформы виртуальной машины, возможны обходные пути (например, для VMWare а также Parallels ).

Шаги для установки:

  • Загрузить и установить Windows Phone SDK 8.0
    • Это также устанавливает VS Express 2012, бесплатную версию Visual Studio
    • Дополнительные загрузки SDK доступны, но обратите внимание, что для нацеливания на Windows Phone 7 и 8 необходимо использовать 8.0 SDK с VS2012. 8.1 SDK с VS2013 не может ориентироваться на WP7.
    • Этот установщик займет некоторое время для запуска и может потребовать перезагрузки
  • Загрузить и установить Visual Studio 2012, обновление 4

Создание проекта

VS2012 имеет встроенный шаблон проекта для простого приложения, отображающего локальный HTML-контент. Мы готовы начать с этого шаблона, а затем изменить проект для загрузки вашего контента через Интернет.

Сначала откройте VS2012 и создайте новый проект (Файл -> Новый -> Проект). Выберите шаблон проекта приложения Windows Phone HTML 5, присвойте имя вашему проекту и нажмите «ОК».

Выберите шаблон проекта приложения Windows Phone HTML 5, присвойте имя вашему проекту и нажмите «ОК»

Вот как должен выглядеть итоговый проект.

Вот как должен выглядеть итоговый проект

Панель Обозреватель решений показывает файловую структуру проекта. Некоторые известные файлы включают в себя:

  • MainPage.xaml : Макет пользовательского интерфейса XAML для главной страницы вашего приложения. Два наиболее важных элемента в вашем MainPage.xaml:
    • телефон: WebBrowser : встроенный веб-браузер, который будет отображать ваш сайт
    • phone: PhoneApplicationPage.ApplicationBar: Строка меню внизу приложения, в которой в данный момент отображаются стрелки навигации «Вперед» и «Назад».
  • MainPage.xaml.cs : «code-behind» для файла MainPage.xaml, содержащий код C #, запускаемый при определенных события приложения
  • Properties / WMAppManifest.xml : позволяет определить определенные свойства вашего приложения, такие как значки, поддерживаемые разрешения, заголовки и т. Д.

Изменить проект для использования вашего сайта

В настоящее время проект настроен на обслуживание локального содержимого HTML из папки проекта Html. Мы можем изменить проект, чтобы вместо этого обслуживать ваш сайт, выполнив следующие действия:

  • В обозревателе решений удалите папку Html
  • В MainPage.xaml измените MainUri на http://your_web_site_url.example.com
  • В MainPage.xaml измените два использования UriKind.Относительно UriKind.Absolute

Теперь вы можете нажать F5, чтобы загрузить эмулятор Windows Phone и запустить ваше приложение.

Это оно! Теперь у вас есть собственное приложение Windows Phone, которое оборачивает ваш мобильный сайт. Далее, давайте посмотрим, как вы можете добавить дополнительные функции, если хотите.

Добавить кнопку Поделиться

Многие приложения Windows Phone имеют кнопку « Поделиться» , которая позволяет легко обмениваться контентом из текущего приложения через текстовое сообщение или социальную сеть. Давайте посмотрим, как мы можем реализовать это в нашем приложении.

Шаг 1. Добавьте значок «Поделиться» в ваш проект.

  • Найдите значок в [ProgramFiles] Microsoft SDKsWindows Phonev8.0IconsDarkshare.png
  • Перетащите файл в папку Assets / AppBar в своем решении в Visual Studio

png   Перетащите файл в папку Assets / AppBar в своем решении в Visual Studio

Шаг 2: Измените Панель приложений начать без сворачивания

В MainPage.xaml найдите элемент shell: ApplicationBar и измените значение Mode с Minimized на Default

Шаг 3. Добавьте кнопку «Поделиться» на панель приложений.

В MainPage.xaml найдите элемент shell: ApplicationBar и добавьте в него новый элемент shell: ApplicationBarIconButton следующим образом:

shell: ApplicationBarIconButton

IconUri = "/Assets/AppBar/share.png"

IsEnabled = "True"

Текст = "Поделиться"

Нажмите = "ApplicationBarIconButton_Click" / & gt;

Теперь ваша новая кнопка должна появиться в панели приложений на панели «Дизайн»

Теперь ваша новая кнопка должна появиться в панели приложений на панели «Дизайн»

Шаг 4. Запуск действия «Поделиться» при нажатии кнопки

На предыдущем шаге Click = "ApplicationBarIconButton_Click" указывает, что при нажатии кнопки будет выполнен метод с именем ApplicationBarIconButton_Click в MainPage.xaml.cs.

Добавьте следующий метод в MainPage.xaml.cs:

private void ShareApplicationBar_Click (отправитель объекта, EventArgs e) {Microsoft. Телефон . Задачи . ShareLinkTask shareLinkTask = новый Microsoft. Телефон . Задачи . ShareLinkTask () {Title = "Текст заголовка", LinkUri = Браузер. Source, Message = "Я хотел бы поделиться этим с вами"}; shareLinkTask. Шоу ( ) ; }

Это запускает встроенную функцию совместного использования Windows Phone, позволяя пользователю обмениваться URL-адресами текущей веб-страницы через текстовое сообщение или социальную сеть. (Обратите внимание, что совместное использование не может быть проверено на эмуляторе; необходимо использовать реальное устройство.)

)

Будущая работа

Теперь, когда у вас есть работающее приложение ... над чем вам следует поработать?

Тест на реальном устройстве

Хотя эмуляторы удобны, вы определенно захотите время от времени проводить тестирование на реальных устройствах. К счастью, вам не нужно разбивать банк; Вы можете купить Nokia Lumia 520 без контракта всего за 30 долларов, и это прекрасно телефон WP8.1.

После приобретения телефона вам необходимо зарегистрировать его в Microsoft прежде чем вы сможете развернуть приложения к нему.

Скачать дополнительные эмуляторы

WP8.0 SDK предоставляет несколько эмуляторов под управлением WP8.0 для различных разрешений, но вы должны протестировать свое приложение на разных версиях ОС для обеспечения совместимости. Отправляйтесь в Microsoft Страница загрузки SDK скачать пакеты дополнительных эмуляторов.

Windows Phone 8.1

WP8.1 предоставляет новые API и функции для разработчиков (Microsoft предлагает несколько хороших сводок Вот а также Вот ), но использование их в вашем приложении может привести к проблемам совместимости с WP7. Есть некоторые хитрости чтобы сделать проблемы совместимости чуть менее болезненными, но вы захотите провести исследование, прежде чем приступать.

Отправить в Windows Phone Store

Как только вы довольны своим заявлением, вы можете отправить его в Windows Phone Store , Это потребует платного аккаунт разработчика который обычно имеет Дополнительная стоимость , но может быть включен в вашу подписку MSDN, если она у вас есть.

и клиенты.

Над чем вам следует поработать?