Компанія 51Degrees.mobi займається розробкою рішення для веб-розробників для організації спрощеної роботи з мобільними платформами. За допомогою продукту компанії можна легко і точно визначити мобільного клієнта, який запитує веб-сторінку і обробити цей запит, повернувши дані в необхідному для клієнта вигляді.
Нещодавно компанія 51Degrees.mobi оголосила про підтримку Umbraco CMS і платформи розробки WebMatrix, для яких були випущені пакети автоматичної установки. Пакунки доступні за наступними адресами:
- для Umbraco CMS (link);
- NuGet-пакет для WebMatrix (link).
Ви можете легко використовувати пакунок для роботи з Umbraco CMS так як це написано в цій статті.
Подивимося, як це працює на прикладі пакета для WebMatrix.
Встановлення пакунка
Створіть або відкрийте сайт WebMatrix на основі шаблону «Початковий сайт». У розділі «Сайт WebMatrix» ви знайдете пункт «Адміністрування веб-сторінок ASP.NET» (малюнок 1).
Ріс. 1. Адміністрування проекту у WebMatrix
Перейдіть на адміністрування сторінки за допомогою цього пункту. Після введення пароля і виконання вимог щодо налаштування проекту (необхідно перейменувати файл у проекті) ви потрапите на список пакетів NuGet (малюнок 2).
Ріс. 2. Список пакунків, доступних для встановлення проекту
Першим пакетом йде необхідний нам пакет компанії 51Degrees.mobi. З часом він перестане бути першим, але ви завжди зможете знайти його через пошук.
Натисніть кнопку «Встановити», щоб встановити пакунок до вашого проекту (зображення 3).
Ріс. 3. Підтвердження успішного встановлення пакунка
Після цього можна закрити вікно і повернутися в WebMatrix. Натисніть кнопку «Перезапуск», щоб перезапустити свій сайт (малюнок 4).
Ріс. 4. Перезапуск сайту
Після цього запустіть сайт на виконання. Ви побачите стандартну виставу веб-проекту ASP.NET або свій власний сайт (малюнок 5).
Ріс. 5. Запущена програма
Запит з мобільного клієнта
Тепер спробуємо зімітувати звернення до сторінки через мобільний клієнт. Для цього скористаємося багатими можливостями інструментів розробника браузера Internet Explorer. Визовіть панель інструментів за допомогою клавіші F12 або меню «Засоби розробника».
Ріс. 6. Інструменти розробника Internet Explorer
У вікні інструментів виберіть «Інструменти», «Змінити рядок агента користувача», «Особливий» та задайте такі параметри:
Зрозуміле ім'я - Windows Phone 7
Рядок агента користувача - Mozilla/4.0 (compatible; MSIE 7.0; Windows Phone OS 7.0; Trident/3.1; IEMobile/7.0)
Ріс. 7. Встановлення мобільного агента користувача в Internet Explorer
Клацніть «Встановити». Після цього оновіть сторінку сайту у переглядачі. Тепер веб-додаток, який розширено пакетом 51Degrees.mobi вважає, що ми зайшли з мобільного пристрою і автоматично формує сторінку мобільного уявлення за замовчуванням (малюнок 8).
Ріс. 8. Мобільна сторінка сформована автоматично при запиті з мобільного клієнта
Ув'язнення
Таким чином, наш сайт з установкою пакету 51Degrees.mobi автоматично отримав функціональність обробки запитів від мобільних клієнтів з повною підтримкою інформації про клієнта. Після цього розробнику достатньо додати відповідну обробку і залежно від типу клієнта повертати ті чи інші сторінки з різним оформленням.
