С напредъка на програмните стекове не беше лесно да се избере програмен език, който може лесно да изпълнява задачи. Като за начало, когато разглеждате внедряването на MVP, първо трябва да симулирате функционалностите на потребителския интерфейс, преди да ангажирате момчетата от задния край. Имайки това предвид, какъв по-добър начин да направите това от JavaScript?

Очакване

  1. Създайте прост Json файл
  2. Качете JSON сървърния файл в бъг
  3. Консумиране на данните чрез функцията fetch() на javascript.

Предистория

Представете си сценарий, при който сте помолени да създадете система за резервации. Клиентите могат да разгледат къщата, която харесват, след което да я резервират. Хората също могат да проверяват последните резервации. За да направим тази концепция проста, ще илюстрираме как можете да създадете фиктивни данни и да ги консумирате с помощта на JSON, за да симулирате тези процеси.

1. Създайте прост Json файл

Качване на JSON файла в Glitch

Glitch е гостоприемна среда, в която всеки изгражда мрежата. Създайте нов блог, експериментирайте с React или създайте нови светове с WebXR.

За да качите JSON файл с крайна точка на сървъра, ще ви трябва

  1. package.json файл
  2. server.json
  3. yarn.lock — това обикновено се генерира автоматично, така че няма нужда да го създавате

Нека прегледаме съдържанието на всеки

  1. package.json

2. server.json

Качване в Glitch

  1. Регистрирайте се за Glitch или отидете на Glitch/edit
  2. Кликнете върху Нов проект
  3. Кликнете върху Импортиране от GitHub
  4. Поставете https://github.com/{replace-with-your-url}/bookings.git във въведения URL адрес и щракнете върху OK.
  5. Изчакайте да се настрои
  6. Натиснете бутона Споделяне, за да получите URL адреса си на активен сайт. Трябва да е нещо като например: https://some-cool-booking.glitch.me. И вашата база данни ще бъде на https://some-cool-booking.glitch.me/posts

Консумирането на API с помощта на Js

Накрая:

Вече е по-лесно за разработчиците от предния край да продължат напред и да симулират как би изглеждал битът от предния край/или потребителското взаимодействие, когато е напълно интегриран, също така ще помогне за информирането на разработчиците от задния край за вида на необходимите данни и въздействието им върху цялостното потребителско изживяване.

Благодаря ви, че следите