Как получить веб-сайт для загрузки ресурсов с локального веб-сервера?

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

Когда нет простого способа заставить рабочий сайт работать локально, я все равно предпочел бы редактировать файлы локально и «просматривать» их на реальном сайте. Что-то вроде этого:

  • Локальный веб-сервер, обслуживающий активы (css и js)
  • Определить способ загрузки сайта на веб-сервере my local . (Greasemonkey, прокси)
  • Livereload, которая отслеживает мои локальные файлы и обновляет сайт в реальном времени при изменении.

Мне нужна обратная связь на шаге секунд. Greasemonkey предназначен только для Firefox, что затрудняет проверку кросс-браузерных функций. Прокси-сервер - это много работы ...:)

Кто-нибудь пробовал что-то подобное, может быть, это умный инструмент для этого?

5 голосов | спросил Sven 8 22011vEurope/Moscow11bEurope/MoscowTue, 08 Nov 2011 14:14:10 +0400 2011, 14:14:10

1 ответ


5

Перенаправить запросы на активы только на локальном компьютере

Чтобы локальный компьютер мог использовать локальные файлы для определенных ресурсов JavaScript или CSS, запрашиваемых с удаленного сервера, вы могли бы использовать инструмент HTTP proxy /intercess, например Charles . (Mac, Windows и Linux. 30-дневная демонстрация, а затем $ 50 для покупки.)

Чтобы настроить Charles для прослушивания удаленных запросов и вместо этого использовать локальные файлы, выполните следующие действия:

  1. Загрузить Charles .

  2. Запустите Charles и, при появлении запроса, дайте ему возможность изменить настройки прокси-сервера.

  3. Посетите веб-сайт, который вы тестируете в своем браузере. Я использую Chrome для посещения Google в этом примере.

  4. Найдите веб-сайт в окне структуры «Чарльз» на левой панели, затем разверните по папкам требуемый объект, который вы хотите изменить. В этом примере я использую логотип Google.

    найти сайт в окне структуры Чарльза

  5. Второе нажатие актива и выбор «map local» из параметров:

    отображение в локальный файл

  6. Выберите файл, который вы хотите загрузить из локальной файловой системы вместо удаленного ресурса:

    сопоставить удаленный файл с локальным

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

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

Чтобы «размонтировать» локальные файлы, чтобы удаленные были загружены снова, выполните следующие действия:

  1. Выберите Инструменты> Карта Местная из меню Чарльза:

    введите описание изображения здесь>> </p>
</li>
<li>
<p> Нажмите правило [s], которое вы хотите удалить из списка, затем нажмите кнопку «удалить»: </p>

<p> <img src = WebScarab и пакет Burp , но ни один из них не так просто или красив, как Чарльз, на мой взгляд .

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

    Чтобы перенаправить запросы на активы на всех машинах

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

    Локальные туннельные службы

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

    Showoff.io и Tunnlr - платные услуги по цене 5 долларов США в месяц. Localtunnel в настоящее время свободен.

    Динамический DNS

    Свободной альтернативой является использование динамического DNS-хостинга из службы, например fear.org , чтобы указать на веб-адрес на веб-сервере, запущенном на вашем локальном компьютере. Вот как это работает:

    1. Зарегистрируйтесь на сайте fear.org .

    2. Нажмитессылку в электронном сообщении, которое они отправляют для активации вашей учетной записи и автоматического входа в систему.

    3. Настройте новый субдомен , который вы будете использовать для доступ к локальному хосту из Интернета. Вы можете выбрать один из своих бесплатных доменов (например, «mooo.com»); вам не нужно регистрировать свои собственные.

    4. Загрузите один из многочисленных динамических DNS-приложений для своего операционная система.

    5. Запустите приложение, которое публикует ваш IP-адрес на серверах fear.org.

    6. Настройте сервер для работы на порту 80 вашего локального компьютера и разрешите трафик через порт 80 на любых брандмауэрах, которые вы используете. Как вы это делаете, зависит от вашей операционной системы и оборудования. (Если вы используете Mac OS X, например, вам нужно включить «Общий доступ к Интернету» в панели «Настройки системы» и «Совместное использование».)

    7. Посетите субдомен, который вы создали на шаге 3 в своем веб-браузере. (например, yourname.mooo.com). Имя будет разрешено для IP-адреса вашего устройства и - если вы правильно настроили свой сервер и брандмауэр - вы увидите индексный файл с вашего локального компьютера.

    Затем вы можете получить доступ к активам в общей папке на своем локальном компьютере через Интернет, используя полный путь к этим активам с созданным вами сайтом fear.org. Например: yourname.mooo.com/~yourMacUsername/images/hurrah.jpg Естественно, вы можете ссылаться на этот URL с другого сервера, чтобы он загружал файлы с вашего локального компьютера.

    [На Mac общая папка является папкой «Сайты» в вашем каталоге пользователя. Чтобы получить доступ к нему, используйте свой IP-адрес или имя хоста, за которым следует тильда (~) и ваше имя пользователя Mac. Другие серверы и операционные системы работают несколько иначе.]

ответил Nick 8 22011vEurope/Moscow11bEurope/MoscowTue, 08 Nov 2011 15:47:27 +0400 2011, 15:47:27

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132