Разработка JS скрипта для работы с REST-API

Сергей7 лет в сервисе
Данные заказчика будут вам доступны после подачи заявки
27.03.2018

Необходимо создать страницу для создания и тестирования REST API

На странице должны присутствовать:

  • Выбор типа запроса
  • Заголовки запроса
  • Параметры запроса (GET)
  • Тело запроса (POST)
Пример: фото

Также очень важно, если тело POST запроса добавлено в текстовое поле raw, при переключении на вид формы (form-data) все данные должны отобразиться в форме, как здесь

Чтобы не терять время, за основу можете взять исходники Rester

Главные моменты которые должны присутствовать, их нету в RESTer

  • Импорт запроса, к примеру вот такой запрос
POST /login HTTP/1.1

User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/67.0.3371.182 Safari/537.36

Cookie: lang=en; PHPSESSID=tfi5v5pdu0movq2fo6iqgmc1pb;

Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8

Host: api.mybesttestsite.ua

Content-Type: application/x-www-form-urlencoded

Accept-Language: en-US

login%5B_username%5D=&login%5B_password%5D=&login%5B_apikey%5D=cxXNoqZ4UtkRKL2OBSHhkw95N8uL6A

Вставляем такой запрос в форму, жмем на button и JS расставляет все по своих местах

  • Также в форме где указанны параметры, будь то POST или GET запрос, добавляем еще чекбоксы в которых будет выбор значения apiKey, privateKey, username, pass, login

    Таким образом мы помечаем параметры которые необходимо будет сменить

    пример: фото -> фото

  • Последний этап это сохранение в формате Json (В будущем этот json буду хранить в MySQL БД)

    • Примерно такой вид:

{

  "method": "POST",

  "url": "https://cosmetics.com.ua/res/ajax/api.php",

 

  "queryGetParam":

    {

      "method": "subscribe",

      "email": "[email protected]"

    },

    

  "headers": {

    "Content-Type": "text/plain;charset=UTF-8"

  },

 

  "body": {

    "fio": [

      "William",

      "Henry",

      "Gates"

    ],

    "apikey": "45drftuyghbj32rfe",

    "ajaxSubmit": "true"

  }

}

AJAXHTMLJavaScriptMySQL

Заявки фрилансеров