Endpoint Badge
Используя конечную точку "badge", вы можете предоставить содержимое для значка через JSON-эндпоинт. Содержимое может быть заранее подготовлено или сгенерировано в процессе запроса. Чтобы достичь баланса между отзывчивостью и использованием пропускной способности с одной стороны и свежестью данных с другой, поведение кеширования можно настроить, с учетом минимальных требований Shields. URL конечной точки передается в Shields через строку запроса. Shields извлекает его и форматирует значок.
Конечная точка "badge" принимает один обязательный параметр запроса: url
, который представляет собой URL вашего JSON-эндпоинта.
Пример ответа JSON-эндпоинта
{ "schemaVersion": 1, "label": "hello", "message": "sweet world", "color": "orange" }
Пример ответа Shields
Схема
Свойство | Описание |
---|---|
schemaVersion | Обязательное. Всегда число 1 . |
label | Обязательное. Левый текст, или пустая строка для исключения левой части значка. Это можно переопределить через строку запроса. |
message | Обязательное. Не может быть пустым. Правый текст. |
color | Значение по умолчанию: |
labelColor | Значение по умолчанию: |
isError | Значение по умолчанию: |
namedLogo | Значение по умолчанию: нет. Один из simple-icons слегов. Может быть переопределено через строку запроса. |
logoSvg | Значение по умолчанию: нет. Строка SVG, содержащая пользовательский логотип. |
logoColor | Значение по умолчанию: нет. То же значение, что и в строке запроса. Может быть переопределено через строку запроса. Работает только для логотипов из simple-icons. |
logoSize | Значение по умолчанию: нет. Дает возможность адаптивного изменения размера значков, установив |
logoWidth | Значение по умолчанию: нет. То же значение, что и в строке запроса. Может быть переопределено через строку запроса. |
style | Значение по умолчанию: |
Query Parameters |
---|
url string — REQUIREDURL-адрес вашей конечной точки JSON Example:
|
style stringPossible values: [ Если не указано, стиль по умолчанию для этого значка будет "flat". Example:
|
logo stringИконка из simple-icons. Вы можете щелкнуть по названию иконки на simple-icons, чтобы скопировать slug, или они могут быть найдены в файле slugs.md в репозитории simple-icons. Дополнительная информация. Example:
|
logoColor stringЦвет логотипа (hex, rgb, rgba, hsl, hsla и css-названия цветов поддерживаются). Поддерживается для логотипов simple-icons, но не для кастомных логотипов. Example:
|
logoSize stringНастройте адаптивный размер иконок, установив значение Example:
|
label stringПереопределите текст на левой части значка (URL-encoded для пробелов или специальных символов!). Example:
|
labelColor stringЦвет фона левой части (поддерживаются hex, rgb, rgba, hsl, hsla и css-названия цветов). Example:
|
color stringЦвет фона правой части (поддерживаются hex, rgb, rgba, hsl, hsla и css-названия цветов). Example:
|
cacheSeconds stringВремя жизни HTTP-кэша (правила применяются для вычисления значения по умолчанию для каждого значка, любые указанные значения, ниже значения по умолчанию, будут игнорироваться). Example:
|
link string[]Укажите, что должно происходить при клике на левую/правую часть значка. Обратите внимание, что это работает только при интеграции значка в тег HTML |