С развитием стеков программирования было непросто выбрать язык программирования, который может легко выполнять задачи. Во-первых, при рассмотрении реализации MVP вы должны сначала смоделировать функциональные возможности пользовательского интерфейса, прежде чем привлекать специалистов по бэкенду. Имея это в виду, что может быть лучше, чем JavaScript?
Ожидание
- Создайте простой файл Json
- Загрузите файл сервера JSON в глюк
- Использование данных с помощью функции javascript fetch().
Предыстория
Представьте себе сценарий, в котором вас просят создать систему бронирования. Клиенты могут просмотреть понравившийся дом, а затем забронировать его. Люди также могут проверить недавние бронирования. Чтобы упростить эту концепцию, мы покажем, как вы можете создавать фиктивные данные и использовать эти данные с помощью JSON для имитации этих процессов.
1. Создайте простой файл Json
Загрузка файла JSON в Glitch
Glitch — гостеприимная среда, где каждый строит паутину. Создайте новый блог, поэкспериментируйте с React или создайте новые миры с помощью WebXR.
Чтобы загрузить файл конечной точки JSON на сервер, вам потребуется
- файл package.json
- сервер.json
- yarn.lock — обычно создается автоматически, поэтому его не нужно создавать
Пройдемся по содержимому каждого
- package.json
2. сервер.json
Загрузка в Glitch
- Зарегистрируйтесь на Glitch или перейдите в Glitch/edit
- Нажмите Новый проект.
- Нажмите Импортировать из GitHub.
- Вставьте
https://github.com/{replace-with-your-url}/bookings.git
в URL-ввод и нажмите OK. - Подождите, пока он настроится
- Нажмите кнопку Поделиться, чтобы ваш URL появился на сайте. Это должно быть, например, что-то вроде:
https://some-cool-booking.glitch.me
. И ваша БД будет наhttps://some-cool-booking.glitch.me/posts
Использование API с использованием Js
Окончательно:
Теперь фронтенд-разработчикам стало проще двигаться вперед и моделировать то, как будет выглядеть фронтенд/или взаимодействие с пользователем при полной интеграции. общий пользовательский опыт.
Спасибо, что следите за нами