Главная/ Учимся Javascript, CSS, HTML/ Бонус книги/ Programming The Mobile Web/ Setting Up Your Environment/ Среда разработки. Разработка для мобильного Веб. Maximiliano Firtman

Среда разработки

Подготовили: Анна Лысак и Татьяна Головко

Дата публикации: 20.05.2011

Среда мобильной разработки, как ни странно, мало отличается от уже привычной тебе классической веб-среды. Хотя, конечно, некоторые хостинг-компании, например предлагают услугу «Premium WAP хостинг» (естественно, дороже чем подобные не-мобильные услуги), но в таком разделении нет необходимости.

Веб-хостинг

Для начала тебе нужен веб-сервер, где будет установлена твоя любимая платформа. Он должен поддерживать любые статические или динамические файлы на платформах, с которыми ты планируешь работать (PHP, ASP.NET, Java, Ruby, Python и др.). Облачный хостинг (через сервисы вроде Amazon EC2, Google App Engine, Aptana Cloud или Microsoft Azure) также отлично подойдет.

У тебя должны быть полномочия на управление MIME-типами на сервере, что значительно облегчит тебе процесс создания совместимых мобильных веб-сайтов.

Для мобильных устройств нет особой необходимости использовать HTTPS (защищенное соединение). Если ты все же хочешь его использовать, то помни, что Thawte и VeriSign — наиболее распространенные сертификаты.

Домен

Какой из доступных вариантов домена использовать? У меня нет однозначного ответа на этот вопрос, ты должен решить сам. Можешь сделать субдомен своего декстопного сайта (если он у тебя есть), например m.mydomain.com, или можешь пользоваться основным доменом (mydomain.com или www.mydomain.com) или же можешь у любого регистратора купить домен .mobi (стоит от 10$ в год). Я только рекомендую независимо от того, какое решение ты примешь, сделать 301 HTTP Redirect для выбранной доменной области. У меня самого были такие ситуации, когда нужно было потратить кучу времени, прежде чем догадаешься, что адрес мобильного веб-сайта m.<anysite>.com или же <anysite>.mobi. Предусмотри такие особенности поведения посетителей.

Неважно какой домен ты выберешь, главное не забудь сделать 301 HTTP Redirect для всех возможных вариантов (m.yourdomain, wap.yourdomain, mobile.yourdomain и, если есть возможность, yourdomain.mobi). Ты же не хочешь терять посетителей просто потому, что они не смогли угадать адрес твоего мобильного сайта.

Обработка ошибок

Ты должен убедиться, что страницы ошибок на твоем сайте совместимы с мобильными устройствами. Настрой на своем сервере по умолчанию страницы для наиболее распространенных ошибок HTTP, например 404 (Page not Found) и 500 (Internal Server Error). Файлы этих страниц должны быть мобильно совместимы, мы же не хотим впустую тратить трафик пользователя из-за ошибки на сервере или отправлять ему страницу, не совместимую с его low-end устройством. Если ты не уверен, что точно знаешь, как правильно настроить страницы ошибок, то обратись к провайдеру сервера.

Если и мобильная и декстопная версия твоего сайта расположена на одном домене, то тебе нужно использовать динамический код, чтобы отслеживать, с какого устройства пользователь заходит на твой сайт. Для ошибки 500 сделай очень простую HTML-страницу и для мобильных пользователей и для посетителей с обычными компьютерами: ты не будешь знать на какой платформе пользователь увидит эту страницу.

У Facebook есть основной мобильный сайт http://m.facebook.com, но для некоторых платформ используются специальные URL (например, http://touch.facebook.com для сенсорных устройств, http://iphone.facebook.com для iPhone и http://zero.facebook.com для обычных телефонов). Ты должен использовать один адрес и предоставлять соответствующий контент.

Статистика

В целом статистические данные об использовании пользователями мобильного веб-сайта ничем не отличаются от статистики для обычного веб-сайта, правда, здесь большое значение имеет «mobile-friendly» инструментарий, способный учитывать специфические для мобильных устройств функции. Ты можешь зарегистрировать запросы на самом сервере для их последующей обработки инструментами аналитики или же можешь использовать для управления статистикой сторонний аналитический инструментарий.

Куда дальше

Показать комментарии