Бесплатный онлайн-API-интерфейс, необходимый для внешнего интерфейса

внешний интерфейс API
Бесплатный онлайн-API-интерфейс, необходимый для внешнего интерфейса

Вспоминая, что когда я впервые столкнулся с передним концом,AjaxВстаньте на колени один раз, если вы действительно коснетесь его. Я не знал задней части в то время, я не зналapiЧто это такое, и нет бэкенд-партнера, чтобы написать мне интерфейс для тестирования.


В этой статье собраны некоторые из тех, что я использовалбесплатный онлайн интерфейс API, и вам не нужно решать междоменные проблемы.

Я надеюсь, что смогу изучить интерфейс белых людей, которые только начинаютAjaxоказать небольшую помощь.


Онлайн-интерфейсы, перечисленные в этой статье, включают:текста такжекартина.

В этом случае использованиеpostmanдля тестирования, потому что мне лень писать свойAjaxкод.


если вы хотите быть местнымСоздайте набор аналоговых интерфейсов за 30 секунд,Если тыне знаю бэкэнд,если тебе нужнонастроитьАдрес интерфейса и формат данных. Затем вы можете попробовать следовать этой статье, чтобы добиться:

«Локальный интерфейс данных «важный интерфейс» — json-сервер от входа до расширения»


Если эта статья была вам полезна, ставьте лайк 👍



1. Заполнитель {JSON}

"JSONPlaceholder"Предоставляет бесплатный API для тестирования.

01.png


JSONPlaceholderОн очень прост в использовании и обеспечиваетGET,POST,PUT,PATCH,DELETEНесколько методов запроса.

Он также предоставляет такие функции, как пейджинговый запрос и запрос определенного идентификатора.


Пример: Получить данные о 100 статьях (GET)

Возвращает 100 фрагментов данных, каждый с идентификатором сообщения, идентификатором постера, заголовком и введением.

http://jsonplaceholder.typicode.com/posts

02.png

Пример: получение данных статьи на основе идентификатора статьи (GET)

Согласно статьеIDПолучить данные для указанной статьи.

Возвращает: идентификатор статьи, идентификатор постера, заголовок и содержание.

http://jsonplaceholder.typicode.com/posts/2

03.png


В этом примере входящий идентификатор равен 2, и возвращаются данные с идентификатором 2.


Пример: Добавить статью (POST)

использоватьPOSTОтправьте статью, в случае успешной отправки будет возвращен идентификатор статьи.

http://jsonplaceholder.typicode.com/posts

04.png


Другие интерфейсы (попробуйте сами)

Почтовый интерфейс:

Интерфейс комментариев

Интерфейс альбома:

Интерфейс дел:

Пользовательский интерфейс:

Фото интерфейса:



2. Интерфейс благосостояния рабов кошек

«Cat API — кошки как услуга».Вернется изображение кота, что, безусловно, является преимуществом.


05.png


Посмотрите, как использовать"Документация", который включает в себя кошачьи «Поиск по породе», «Поиск по категории», «Поиск по страницам», «Загрузка изображения», «Анализ изображения» и другие интерфейсы, которые можно использовать для документов.


Пример: случайным образом получить 1 изображение кота (GET)

Каждый запрос вернет случайное изображение кота.

https://api.thecatapi.com/v1/images/search?limit=1

06.png


Использование других интерфейсов относительно просто,«Официальная документация»Все очень понятно, можете пользоваться самиpostmanПроверь это.



3. Интерфейс собаки

«Собачий API»Предоставили фотографию собаки, которую впервые увидели на главной странице официального сайта.apiВы можете получить случайную фотографию собаки, что очень интересно.


07.png


Пример: случайным образом вернуть фотографию собаки (GET)

https://dog.ceo/api/breeds/image/random

08.png


Использование других интерфейсов также очень просто, подробнее см.«Официальные документы собаки»



4. Случайный интерфейс изображения

"Лорем Пиксум"Фотография может быть возвращена случайным образом, и размеры фотографии могут быть указаны.

09.png


Lorem PicsumПредоставленный интерфейс возвращает ресурс изображения, и он возвращается случайным образом.

можно поставить прямо<img>помеченsrcиспользуется в собственности.


Пример: возврат宽和高都是200pxизображение (ПОЛУЧИТЬ)

https://picsum.photos/200

10.png


Пример: Например, если вы хотите получить宽200,高300изображение (ПОЛУЧИТЬ)

Если размеры ширины и высоты отличаются, вы можете задать их самостоятельно.

https://picsum.photos/200/300

11.png



5. Другие интерфейсы

Первые 4 — это тестовые платформы, которые я использую чаще всего, а следующие — те, которыми я пользуюсь меньше, но я знаю, что такое бывает. При необходимости вы можете протестировать его самостоятельно.


iQIYI-интерфейс

https://cache.video.iqiyi.com/jp/avlist/{片源id}/{页码}/

Пример: используйте идентификатор источника One Piece (GET)
https://cache.video.iqiyi.com/jp/avlist/202861101/1/

12.png

Как можно догадаться:

  • vpic: Обложка каждой серии
  • shortTitle:Эпизод
  • vt: Название эпизода
  • vid: идентификатор видео
  • vur: Адрес воспроизведения видео

Остальные поля угадайте сами, мне лень~



Логистический интерфейс

http://www.kuaidi100.com/query?type=快递公司代号&postid=快递单号

Код курьерской компании:

  • СТО:shentong

  • Скорая помощь:ems

  • SF экспресс:shunfeng

  • Юантун:yuantong

  • Чжунтун:zhongtong

  • Ритм:yunda

  • день за днем:tiantian

  • Хуйтонг:huitongkuaidi

  • Все вершины:quanfengkuaidi

  • Дебон:debangwuliu

  • Доставка на дом:zhaijisong



Интерфейс продукта Таобао

http://suggest.taobao.com/sug?code=utf-8&q=商品关键字&callback=cb

callbackэто настройка функции обратного вызова