#api #vue.js #promise #mocking #frontend
Вопрос:
Могу ли я просто импортировать и включить какой-нибудь насмешник в main.js из Vue.js проект? Может быть, это будет после:
import Vue from 'vue'
import App from './App'
?
В любом случае, как это может начаться? Заранее благодарю вас. Поделитесь своим мнением.
Комментарии:
1. Привет, Иван. Не могли бы вы уточнить, что вы хотите, чтобы «насмешник» делал для вашего приложения Vue? Например, вы пытаетесь предоставить фиктивные данные API для своего приложения Vue или, возможно, издеваетесь над другими компонентами, чтобы протестировать приложение изолированно?
2. Я пытаюсь предоставить фиктивные данные API для всего приложения Vue, везде в разных компонентах
Ответ №1:
Уже написано несколько замечательных библиотек, которые будут перехватывать ваши запросы API и возвращать поддельные данные.
Наиболее полными библиотеками (на мой взгляд), которые достигают этой цели, являются:
Mirage.js — вы сообщаете ему, какой API возвращает какой ответ, и внешние запросы на данные направляются в Mirage. Мне это нравится, потому что это очень похоже на решение, которое я создал до того, как появился Mirage, поэтому оно мне подходит.
Сервер JSON — Он работает как сервер и возвращает ваши файлы JSON в ответ на вызовы API. Это здорово, потому что он имитирует реальный сетевой трафик, даже если он просто возвращается на локальный хост.
Faker.js выглядит как наиболее полная библиотека для создания поддельных данных, поэтому вы можете использовать ее в сочетании с одним из вышеперечисленных решений, или если вы замените свои вызовы API запросами данных к факеру, вам могут понадобиться другие решения.
Существует ряд замечательных статей об этой технологии. Мне понравилось читать книгу Валентино Гальярди «4 способа подделать API при разработке интерфейса» и » Как тестировать код, зависящий от внешних API в Node.js.
Комментарии:
1. Большое вам спасибо!