Флэш Потрошитель этот | тот | 1.0

Ситуация: в процессе отладки вам нужно изменить получаемый браузером с сервера файлы, но вы не имеете доступа к их редактированию на сервере.

Такое бывает. Например, В выполняемых индийскими компаниями крупных веб-проектах, когда размер команды измеряется десятками людей, ответственности и полномочия разработчиков строго разграничены и изменяются менеджерами крайне неохотно - для них стабильность стоит выше любых других приоритетов. Поэтому не все участники команды имеют доступ к репозиторию исходного кода и серверу. Ведущий проект опытный индийский разработчик(и) с особой осторожностью подпускает новичков к исходному коду, предпочитая вручную переносить в код изменения, предлагаемые членами команды, не имеющими доступа в репозиторий. А вам нужно всего лишь поэкспериментировать с парой строк в коде - но вы не имеете прав.

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

Для успешного разрешения таких проблем можно воспользоваться функцией "Map local..." Сниффера Charles Proxy - читаем дальше:

Что такое Charles Proxy?

Charles Proxy - это мощный инструмент для перехвата запросов, идущих от браузера к серверу и ответов сервера браузеру (т.н. "сниффер" - анализатор трафика). Всю переданную и полученную информацию удобно просматривать, а также - редактировать в Charles. Многие используют функции Charles для обмана в онлайн-играх, а затем жалуются, что их запинали кирзачами трактористы на счастливой ферме и понизили им уровень собаки со сто сорок второго до минус тысяча первого.

Разработчики приложений тоже могут использовать Charles для "обмана", но своих приложений - отдавая им файлы с диска вместо тех, которые приложения запрашивают с сервера. Для этого используется функция Charles "Map Local" - в переводе будет "Подставить локальный" [файл]. Она позволяет указать, какой файл нужно взять с вашего жесткого диска, чтобы браузер получил его вместо файла, запрошенного браузером с сервера. Рассмотрим конкретный пример.

Пример подмены удаленного файла локальным с помощью функции Map Local сниффера Charles

Например, мы работаем над проектом Google Arts Project, который позволяет любителям искусства в мельчайших деталях рассмотреть величайшие произведения живописи в интернете. Приложение вышло несколько месяцев назад, и тут QA присылает отчет о том, что картина "Тропинка в лесу возле Шпандау" масштабируется с ошибками. Нужно оперативно отладить приложение, не задействуя серверщиков, т.к. это сильно замедлит процесс. Первое подозрение - сбой в получении фрагментов картин с сервера ("ведь это наверняка не моя ошибка"). Для обмена данными используется генерируемый на сервере xml-файл, описывающий картину как набор "плиток" для каждого конкретного уровня масштабирования:

<TileInfo tile_width="512" tile_height="512" full_pyramid_depth="9" origin="0">

	<pyramid_level num_tiles_x="1" num_tiles_y="1" empty_pels_x="255" empty_pels_y="139" />

	<pyramid_level num_tiles_x="2" num_tiles_y="2" empty_pels_x="496" empty_pels_y="273" />

	<pyramid_level num_tiles_x="3" num_tiles_y="3" empty_pels_x="301" empty_pels_y="41" />

	<pyramid_level num_tiles_x="5" num_tiles_y="6" empty_pels_x="481" empty_pels_y="84" />

	<pyramid_level num_tiles_x="9" num_tiles_y="12" empty_pels_x="448" empty_pels_y="167" />

	<pyramid_level num_tiles_x="17" num_tiles_y="24" empty_pels_x="384" empty_pels_y="333" />

	<pyramid_level num_tiles_x="33" num_tiles_y="47" empty_pels_x="255" empty_pels_y="153" />

	<pyramid_level num_tiles_x="66" num_tiles_y="94" empty_pels_x="509" empty_pels_y="305" />

	<pyramid_level num_tiles_x="131" num_tiles_y="187" empty_pels_x="506" empty_pels_y="96" />

</TileInfo>

Нужно с помощью Charles нужно сделать так, чтобы приложение получало другой, отредактированный нами XML-файл, и брало его с жесткого диска. Делаем так:

1. Скачиваем, устанавливаем и запускаем Charles Proxy.
2. Открываем в браузере страницу с приложением, которое нужно отладить.
3. В Charles находим нужный файл-ответ сервера (см. первый рисунок ниже - следите за зеленой стрелкой).
4. В контекстном меню для данного файла выбираем пункт "Map Local" - см. второй рисунок ниже.
5. В открывшемся диалоге выбираем локальный файл с жесткого диска, который будет передаваться браузеру вместо файла с сервера - см. третью картинку:

Рисунок 1. Настройка функции "Map Local..." в сниффере Charles Proxy

Все. Теперь вы можете быстро вносить изменения в конфигурационный xml-файл и мгновенно видеть результат в браузере, т.е. - отлаживать код самым быстрым образом. И так - доказать, что ошибка таки приходит с сервера! Или исправить ошибку в своем коде - если эта невероятная ситуация все же возникла.

Я купил Charles Proxy

Продукт Charles Proxy - платный, но пользоваться им бесплатно можно неограниченно. Правда, в незарегистрированной версии есть ограничение на длину рабочей сессии (30 минут) - но с этим можно жить. Тем не менее, пользуясь Charles уже несколько лет, сегодня я решил его купить - считаю, что разработчики должны получать компенсацию за хорошую работу, и этот продукт не раз выручал меня в самых сложных ситуациях - а еще он дружелюбен в флэш-формату AMF - причем, поддерживается и AMF 3 и AMF 0. Платите разработчикам за качественные продукты - и пусть вам тоже заплатят за вашу работу, когда вы захотите продать ее.