введение
Сегодня давайте поговоримMock, С развитием Интернета за последние два года появился режим разработки с разделением серверной части и серверной части, и Mock также вышел на сцену из-за кулис, чтобы больше людей знали, что традиционная разработка Метод Mock в прошлом в основном ограничивался обслуживающим персоналом.
MockЭто уже обыденность, и поиска в интернете много.Все старшие хорошо сказали, но сегодня я буду говорить только об этом——easy-mock.
Почему я вдруг зашел поговорить об этом?Это длинная история.Как я сказал в своем личном профиле, я сосредоточен на том, чтобы поделиться ямами, встречающимися в моей работе, но на этот раз это не моя ямка, это исходит от друзей группы QQ (#Если у вас есть история, которую вы хотите знать, и это случилось со мной, то позвольте мне рассказать ее вам, добро пожаловать, чтобы оставить сообщение#), см. изображение ниже:
вот@IT · Союз братьев Пинтоу,Я
首席填坑官—Сунан, Поделись сердцем и будь теплым осадным львом. Публичный номер Z:honeyBadger8, группа: 912594095
Что такое Мок
Что такое Мок??MockПо сути, до существования реальных данных, то есть подмены при отладке, это виртуальное существование. Говоря человеческим языком, это запаска. Например, если девочка хорошо растет, за ней гоняется много людей, но она не очень довольна но не отказывается, Пока не появится братишка, которого я люблю, я буду тебя все время вешать 😂!
Как имитировать данные?
- не говори мне
newо объект можетnew, запасное колесо может бытьnewНе могу выйти 🤫; - Способ 1: самый низкий способ написания материальных данных в коде, файле json;
- Способ 2: Использование
Charles,Fiddlerи другие прокси-инструменты для сопоставления URL-адресов с локальными файлами; - Способ 3: Локальный запуск Mock Server, то есть mockjs, немного проблематично перезапускать службу после каждой модификации.
nodemonЭто можно решить, но нужно открыть слишком много вещей, компьютер завис, а обслуживание затруднено; - Метод 4. Стандартизированные компании уже интегрировали набор имитационных систем данных;
-
Фокус:
easy-mockонлайнMockПлатформа, хорошая работа и сексуальность - ваш лучший выбор для запасного колеса. - Конечно, если вы отличник, может быть много других способов, можете добавить.
//mock 基本使用示例
import Mock from "mockjs";
Mock.mock({
"code": 0,
"message": "请求成功",
"data|20": [{
"name": "@cname",//cname 中文,name 英文
"userId": "@id",
"lastDate": "@datetime"
}]//首席填坑官∙苏南的专栏 交流:912594095、公Z号:honeyBadger8
})
Что такое easy-mock и что он нам может дать?
- Easy Mock — это визуальный и постоянный сервис, который может быстро генерировать фиктивные данные.
- Поддержка Easy Mock основана на
SwaggerСоздавайте проекты, чтобы сэкономить время на создании интерфейсов вручную; - Проще говоря: Easy Mock — это сервисная платформа для создания макетов онлайн, которая экономит ваше время.настроить,Установить,оказание услуг,поддерживать,Совместные фиктивные данные для нескольких человек не взаимодействуют друг с другомВ ожидании серии утомительных операций он может дать вам все, что вы хотите менее чем за 1 секунду, лучшее из 2018 года, которое приходит и уходит сразу
备胎Никто, не беспокойтесь о том, чтобы брать на себя какую-либо ответственность. - Другие преимущества ждут вас, чтобы открыть для себя...
На языке Лэймана - введение
- Так же, как человек, независимо от того, насколько это хорошо выглядит, вы поймете его после того, как вы его понимаете. То же самое то же самое, кто бы ни использовал, знает;
- Легкая поддержка макетов
团队协作или личный проект, - Ниже в качестве примера взят личный проект, который ничем не отличается от совместной работы нескольких человек, за исключением того, что отсутствуют приглашения участников;
Подробное объяснение — обзор фиктивного синтаксиса
- @ip -> случайно вывести ip;
- @id -> Случайный вывод символов длиной 18, не принимает параметры;
- "array|1-10" -> Произвольный вывод массива длины 1-10, или это может быть прямо фиксированная длина;
- "object|2" -> вывести объект с двумя ключевыми значениями,
- "@image()" возвращает URL-адрес изображения-заполнителя, поддерживает
size,background,foreground,format,text; - Подождите, я не буду представлять их здесь по одному.
Вкратце — создание интерфейса
- Его метод написания точно такой же, как у Mock.js, приведенный выше код был показан,больше примеров
- использовать
Easy MockСоздайте интерфейс, см. следующий рисунок:
Объясните простым языком - расширенное использование функции
- онлайн-редактирование, он также может поддерживать
function, - Разве это не очень хорошо, мы можем получить все заголовки запросов, чтобы мы могли писать логику и операции, такие как запись на js,
- Конечно, он должен иметь много ограничений, например, не поддерживать
ES6, - Следует отметить, что
functionнаписать исходящийMockобъект, а не непосредственно@..., - Давайте посмотрим пример:
| Объекты | описывать |
|---|---|
| Mock | Макет объекта |
| _req.url | Получить URL-адрес запроса |
| _req.method | получить метод запроса |
| _req.params | Получить объект параметра URL |
| _req.querystring | Получите строку параметра запроса (часть после ? в URL-адресе), исключая ? |
| _req.query | Строка параметра запроса анализируется и возвращается в виде объекта.Если вы не запрашиваете строку параметра, вы возвращаете пустой объект. |
| _req.body | Когда запрос на почту представлен в режиме X-www-form-urlencoded, мы можем получить объект параметра запроса |
| ... | _req.cookies, ip, хост и т. д.,我只是一个代码的搬运,Подробнеепосмотреть здесь
|
//简单模拟登录,根据用户传入的参数,返回不同逻辑数据
{
defaultName:function({_req}){
return _req.query.name;
},
code: function({_req}){
return this.defaultName ? 0 : -97;
},
message: function({_req}) {
return this.defaultName ? "登录成功" : "参数错误";
},
data: function({_req,Mock}){
return this.defaultName ? {
token: Mock.mock("@guid()"),
userId: Mock.mock("@id(5)"),
cname: Mock.mock("@cname()"),
name: Mock.mock("@name()"),
avatar: Mock.mock("@image(200x100, #FF6600)"),
other:"@IT·平头哥联盟-首席填坑官∙苏南 带你再谈Mock数据之easy-mock"
}:{}
}//首席填坑官∙苏南的专栏 交流:912594095、公Z号:honeyBadger8
}
Объясните простым языком - отладка онлайн
- Код, написанный лучшими инженерами, тоже нуждается в тестировании, никто не посмеет сказать, что их код безупречен.
Bug, -
Easy MockЭто действительно понимает вас, он был подготовлен для вас, после написания интерфейса немедленно позволит вам проверить, - Вам не кажется, что это здорово? ? Если вы пишете фиктивные данные локально, вам нужно перезапустить службу, вручную прописать параметры и, возможно, всю тестовую страницу.
- Зная, что вы очень голодны и хотите узнать, конкретный метод отладки:
- Не можете ясно видеть? ? готов для васСсылка для онлайн-отладки, поддержка POST, GET, PUT и других методов, поскольку загрузка gif-изображения относительно велика, она не будет демонстрироваться по одному
конец:
На свете нет такого понятия, как банкет, пора снова прощаться, на сегодня все苏南Обмен принес вам, вы уже получили его?Easy MockБольше силы, чтобы бросить себя,#Делитесь с сердцем и будьте теплым осадным львом#, я надеюсь, что сегодняшняя публикация может принести вам некоторый рост, если вы считаете, что это хорошо, не забудьте поставить лайк и, кстати, обратите внимание на следующееПубличный ZБолее того, мы будем публиковать для вас последние публикации каждую неделю👇👇.
Поделитесь с сердцем вместе, сделайте температуру тахильды.
Автор: Сунан-Главный специалист по заполнению карьеров
Связь:blog.CSDN.net/WeChat_4325…
Группа связи: 912594095, общедоступный H:
honeyBadger8Данная статья является оригинальной и авторские права принадлежат автору. Для коммерческой перепечатки обращайтесь
@IT·平头哥联盟Авторизованная, некоммерческая перепечатка, просьба указывать оригинальную ссылку и источник.