Задача: которую вы хотите разработать в своем интерфейсе, но на основе изменений, которые еще не были внесены в серверную часть / 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 данные:

И ТЕПЕРЬ МЫ ЗНАЕМ, У КОГО ЕСТЬ МЯЧИ.

Мой Твиттер | Мой сайт | Мои блоги