Контент, связанный с дизайном интерфейса — TCP/UDP/API/Flask framework

Оглавление

1. Связь и разница между протоколом TCP и протоколом UDP.

 2. HTTP-протокол

Восемь HTTP-команд, определенных в протоколе HTTP/1.1:

Полный процесс HTTP-запроса

3. Некоторые пояснения по разработке интерфейса

 1. Мультимедийная форма

2. Интерфейс API (интерфейс прикладного программирования интерфейса прикладного программирования)

3. Каркас фляги


1. Связь и разница между протоколом TCP и протоколом UDP.

 2. HTTP-протокол

HTTP (протокол передачи гипертекста) — это протокол для связи в сети, который используется для связи между веб-браузерами и веб-серверами. HTTP — это клиент-серверный протокол , построенный поверх протокола TCP/IP .

Протокол HTTP запрашивает ресурсы у сервера через клиента, а сервер отвечает на запрос клиента и возвращает запрошенные ресурсы для завершения передачи данных. В протоколе HTTP клиент отправляет сообщение HTTP-запроса, а сервер отправляет ответное сообщение HTTP.

Сообщение HTTP-запроса состоит из трех частей: строки запроса, заголовка запроса и тела запроса. Строка запроса содержит метод запроса, URI запроса и номер версии протокола HTTP. Заголовок запроса содержит некоторую дополнительную информацию, такую ​​как тип браузера клиента, тип запрошенного ресурса и так далее. Тело запроса содержит некоторые дополнительные данные, такие как данные формы, отправленные в запросе POST.

Сообщение ответа HTTP также состоит из трех частей: строки состояния, заголовков ответа и тела ответа. Строка состояния содержит номер версии протокола HTTP, код состояния и описание состояния. Заголовок ответа содержит некоторую дополнительную информацию, такую ​​как тип сервера, тип возвращаемых данных и т. д. Тело ответа содержит запрошенные ресурсы, такие как HTML-документы, изображения и т. д.

Основные характеристики протокола HTTP включают в себя отсутствие состояния, масштабируемость и гибкость. Без сохранения состояния означает, что протокол HTTP не записывает историю запросов клиента, и каждый запрос является независимым. Расширяемость означает, что протокол HTTP может расширять свои собственные функции, добавляя новые методы, заголовки и коды состояния. Гибкость означает, что протокол HTTP может передавать данные любого типа, такие как текст, изображения, видео и т. д.

Восемь HTTP-команд, определенных в протоколе HTTP/1.1:

  1. ПОЛУЧИТЬ: получить ресурсы с веб-сервера, например получить веб-страницу или изображение.

  2. POST: отправка данных на веб-сервер , например, отправка данных формы или загрузка файлов.

  3. PUT: загружать данные на веб-сервер для обновления или создания ресурсов.

  4. УДАЛИТЬ: удалить ресурсы с веб-сервера , например, удалить файл или удалить запись из базы данных.

  5. HEAD: аналогично GET, но получает только информацию о заголовке ресурса, а не сам ресурс.

  6. ВАРИАНТЫ: Запросить команды HTTP, поддерживаемые веб-сервером, и доступные параметры связи.

  7. TRACE: используется для отслеживания процесса связи между клиентом и сервером.

  8. CONNECT: используется для подключения веб-сервера к другому серверу в качестве прокси, в основном для зашифрованных соединений SSL/TLS.

Полный процесс HTTP-запроса

Разрешение доменного имени --> Инициировать трехстороннее рукопожатие TCP --> Инициировать HTTP-запрос после установления TCP-соединения --> Сервер отвечает на HTTP-запрос, и браузер получает HTML-код --> Браузер анализирует html-код и запрашивает ресурсы в html-коде (например, js, css, изображения и т. д.) --> Браузер отображает страницу и представляет ее пользователю

JSON — это основной формат, используемый для передачи данных: все строки заключены в двойные кавычки.

3. Некоторые пояснения по разработке интерфейса

Задача : вызвать интерфейс идентификации ID-карты Alibaba Cloud через язык python и написать открытый интерфейс для предоставления во внешний интерфейс.

Три части : внешний интерфейс, код, который я написал (API интерфейса), интерфейс Aliyun (служба облачного API).

Процесс : внешний интерфейс звонит мне, я звоню в Alibaba Cloud, Alibaba Cloud возвращает мне данные, а я возвращаю данные во внешний интерфейс.

Резюме: файл инкапсулирован в мультимедийную форму для загрузки

 1. Мультимедийная форма

Мультимедийная форма относится к форме в формате HTML, которая может загружать несколько типов мультимедиа, таких как двоичные файлы, аудио, видео и изображения. HTML-формы обычно используют <form>теги для создания форм, в то время как мультимедийные формы должны указывать тип мультимедиа в атрибуте <form>тега . enctypeВ мультимедийной форме атрибут <input>тега обычно используется typeдля указания поля ввода для загрузки файлов. Ниже приведен пример HTML-кода для типичной мультимедийной формы:

В проекте интерфейса идентификации облачной ID-карты Alibaba мультимедийная форма относится к форме для загрузки фотографии удостоверения личности в службу идентификации облачной ID-карты Alibaba через HTTP-запрос POST. При использовании интерфейса идентификации удостоверения личности Aliyun необходимо использовать запрос HTTP POST для отправки фотографии удостоверения личности на сервер Alibaba Cloud. Для того, чтобы реализовать функцию загрузки фотографий, необходимо использовать форму, включающую в себя функцию загрузки файлов, то есть мультимедийную форму.

Мультимедийные формы обычно используют <form>теги для создания форм, но в проекте интерфейса распознавания удостоверений личности Alibaba Cloud вам необходимо использовать свойства enctypeформы, чтобы задать тип кодирования формы multipart/form-dataдля поддержки загрузки данных типа двоичного файла. При загрузке фотографии удостоверения личности необходимо использовать атрибут <input>тега, который необходимо установить , чтобы указать, что поле ввода используется для загрузки файлов, как показано ниже:typefile

<form action="https://dm-51.data.aliyun.com/rest/160601/ocr/ocr_idcard.json" method="POST" enctype="multipart/form-data">
  <input type="file " name="image">
  <input type="hidden" name="side" value="face">
  <input type="hidden" name="appcode" value="your_appcode">
  <input type="submit" значение="提交">
</form>

В приведенном выше коде actionатрибут указывает URL-адрес для отправки данных формы, methodатрибут указывает метод HTTP-запроса, enctypeатрибут установлен для multipart/form-dataподдержки загрузки файла, атрибут <input>метки typeустановлен на file, который используется для загрузки фотографии удостоверение личности, а атрибут <input>метки nameиспользуется для идентификации загруженного имени данных, например, в приведенном выше коде имя данных загруженной фотографии удостоверения личности — image. Кроме того, для атрибута <input>метки typeможно установить значение hidden, чтобы скрыть определенные поля в форме, например поля sideи appcodeв приведенном выше коде.

2. Интерфейс API (интерфейс прикладного программирования интерфейса прикладного программирования)

API (интерфейс прикладного программирования) — это набор спецификаций, которые определяют, как взаимодействовать, что позволяет обмениваться данными и связываться между различными приложениями. API можно использовать для доступа и управления ресурсами на удаленных серверах, и он обеспечивает стандартизированный способ взаимодействия с другими программными компонентами. API могут быть реализованы с различными протоколами и форматами данных. (Например, запрос с протоколом HTTP)

Интерфейс API определяет, как взаимодействовать.

3. Каркас фляги

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

В разработке веб-приложений для реализации интерфейса API обычно используется среда Flask. Flask предоставляет такие функции, как маршрутизация, обработка запросов и обработка ответов, которые могут помочь разработчикам быстро реализовать интерфейсы API. Платформа Flask может поддерживать RESTful API и другие распространенные методы реализации API, а также поддерживает несколько форматов данных и протоколов, таких как JSON, XML, HTTP и т. д. Flask также может интегрироваться с другими библиотеками и фреймворками Python, такими как доступ к базе данных, аутентификация и авторизация, тестирование и многое другое.

 Платформа Flask предоставляет основные функции, необходимые для реализации интерфейса API.

Supongo que te gusta

Origin blog.csdn.net/qq_45790998/article/details/129265050
Recomendado
Clasificación