Задача: которую вы хотите разработать в своем интерфейсе, но на основе изменений, которые еще не были внесены в серверную часть / API.
Допустим, вы нажали https://api.myballs.com/users
, а затем просто получили список пользователей. Но ВЫ НЕ ЗНАЕТЕ, ЕСТЬ ЛИ У ЭТИХ ЛЮДЕЙ МЯЧИ ИЛИ НЕТ, И ЭТО ВАЖНО ДЛЯ ВАШЕГО ПРИЛОЖЕНИЯ.
Итак, вы хотите найти способ временно проксировать запрос локально. Итак, это будет выглядеть так:
FE === ›Прокси-сервер ===› слышит api.myballs.com
и возвращает Desktop/myballs.json
Хорошо, давайте сделаем это.
Загрузки (1 мин.)
Сначала - Скачайте Charles Proxy. Пробная версия пока подходит (всплывающие окна и выключение через 30 минут быстро станут невыносимыми).
Во-вторых, скачать хром-расширение SwitchyOmega.
Настроить SwitchyOmega (1 мин)
После добавления:
Выберите настройки SwitchyOmega…
Прокси-серверы: убедитесь, что у вас есть собственный компьютер / IP-адрес и 8888 в качестве порта (который Чарльз собирается использовать).
Список обхода: удалите что-нибудь localhost
или 127.0.0.1.
.
Хорошо, готово.
Чарльз Прокси (4 мин.)
Перейдите к Tools
на панели задач:
Выберите map local
из списка вариантов.
Выберите Add
, и вы должны получить ← это.
Решите, для какого веб-сайта / сетевого запроса вы хотите отключить ответ.
Я решил использовать https://jsonplaceholder.typicode.com/users. Это фиктивный сайт ответа json.
Он возвращает массив из десяти пользователей с адресами электронной почты, именами пользователей, номерами телефонов и т. Д.
НО НИКТО НЕ ГОВОРИТ, ЕСТЬ ЛИ ОНИ МЯЧИ ИЛИ НЕТ.
Когда я захожу на этот веб-сайт, я хочу, чтобы он обновлял страницу и проксировал / переключал ответ для файла, который я сохраняю локально, под названием foo.json
на моем рабочем столе.
Локальная карта: Теперь мы возвращаемся к Charlesmap local
, нажимаем Add
и указываем хост, с которого хотим отключиться, путь, будь то http или https.
[Экономия времени: если вы просто вставите весь URL-адрес в host
, соответствующие поля автоматически заполнятся.]
Затем в Map To
вы хотите определить свой .json
файл или что-то еще, что вы хотите вернуть, когда ваша среда разработки попадает в этот URL-адрес.
Это поле в основном говорит: «Как дела, когда я нажимаю json-placeholder’s / users request… я хочу вернуть этот foo.json
файл».
Щелкните Ok
, чтобы все это сохранить.
Настройки проксирования SLL: мы должны указать Charles прокси для этого конкретного местоположения / хоста.
Поэтому перейдите на панель задач, выберите Прокси, затем Настройки прокси-сервера SSL.
Затем щелкните Add
, затем добавьте host
и поместите подстановочный знак для port
Теперь обновите страницу, и даже если вы собираетесь https://jsonplaceholder.typicode.com/users, пытаясь получить /users
, вы получите свои foo.json
данные:
И ТЕПЕРЬ МЫ ЗНАЕМ, У КОГО ЕСТЬ МЯЧИ.