TToolBox
💻
💻 dev
9 апреля 2026 г.6 мин чтения

Как генерировать QR‑коды и скриншоты одним API без Puppeteer

Как генерировать QR‑коды и скриншоты одним API без Puppeteer
В этой статье

С помощью единого API можно за 5 секунд получить QR‑код и скриншот любой страницы, не устанавливая Puppeteer и без Headless Chrome.

С помощью единого API можно за 5 секунд получить QR‑код и скриншот любой веб‑страницы, не устанавливая Puppeteer и без Headless Chrome. Такой подход экономит до 30 % времени разработки и позволяет работать полностью онлайн, без локальных зависимостей. В 2026 году спрос на такие решения вырос на 45 %, поскольку компании стремятся ускорить автоматизацию маркетинга и мониторинга.

Как работает API без Puppeteer?

API генерирует QR‑коды и делает скриншоты напрямую на сервере провайдера, используя собственные рендереры, а не браузерные движки. Это избавляет от необходимости управлять Headless Chrome и обновлять бинарники.

  • Запрос отправляется по HTTPS‑endpoint, в теле указываются параметры: URL, размер, формат.
  • Сервер обрабатывает запрос в среднем за 2 секунды для QR‑кода и 3 секунды для скриншота.
  • Ответ возвращается в виде base64‑строки или прямой ссылки на готовый файл.

Почему стоит использовать единый API вместо отдельных решений?

Единый сервис объединяет две задачи в одном запросе, что сокращает количество сетевых вызовов и упрощает кодовую базу. Вместо двух библиотек (одна для QR‑кодов, другая для скриншотов) достаточно одной зависимости.

  • Сокращение расходов: тарифный план от 0 ₽ до 1990 ₽ в месяц покрывает до 10 000 запросов.
  • Уменьшение нагрузки на сервер: нет необходимости выделять отдельные ресурсы под браузерные процессы.
  • Повышение стабильности: провайдер отвечает за обновления и совместимость с новыми версиями сайтов.

Что нужно сделать, чтобы начать генерировать QR‑коды и скриншоты?

Для начала достаточно зарегистрироваться на сайте провайдера, получить API‑ключ и выполнить несколько простых шагов.

  • 1. Перейдите в личный кабинет и скопируйте API‑ключ.
  • 2. Сформируйте запрос: POST https://api.example.com/v1/generate с JSON‑тела {"url":"https://example.com","type":"qr"} или {"type":"screenshot"}.
  • 3. Обработайте ответ: если нужен файл, сохраните base64‑строку в .png или .svg.
  • 4. При необходимости добавьте параметры: размер QR‑кода (250 px), масштаб скриншота (2x), тайм‑аут (5 сек).

Как интегрировать API в проект на Node.js?

Интеграция в Node.js занимает пару минут благодаря готовой библиотеке node-fetch или axios. Пример кода ниже демонстрирует оба варианта.

// вариант с axios
const axios = require('axios');
const apiKey = 'YOUR_API_KEY';
async function generateQR(url) {
  const response = await axios.post('https://api.example.com/v1/generate', {
    url,
    type: 'qr',
    size: 300
  }, {
    headers: { 'Authorization': `Bearer ${apiKey}` }
  });
  return response.data.image; // base64
}
// вариант с node-fetch
const fetch = require('node-fetch');
async function generateScreenshot(url) {
  const res = await fetch('https://api.example.com/v1/generate', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': `Bearer ${apiKey}`
    },
    body: JSON.stringify({ url, type: 'screenshot', width: 1280, height: 720 })
  });
  const data = await res.json();
  return data.image; // base64
}

Полученный base64‑строку можно сразу отправить клиенту или записать в файл через fs.writeFileSync('qr.png', Buffer.from(image, 'base64')).

Что делать, если нужен высокий уровень качества скриншотов?

Для профессионального качества используйте параметры deviceScaleFactor и viewport, а также включите опцию fullPage для полного снимка страницы.

  • Установите deviceScaleFactor: 2 — получаете скриншот в 2‑кратном разрешении, что эквивалентно Retina‑дисплеям.
  • Задайте viewport: { width: 1920, height: 1080 } для широких экранов.
  • Включите fullPage: true — будет захвачена вся высота страницы, а не только видимая часть.
  • Стоимость premium‑плана в 2026 году составляет 1490 ₽ в месяц и позволяет до 50 000 запросов с приоритетной обработкой.
Воспользуйтесь бесплатным инструментом QR‑Code & Screenshot Generator на toolbox-online.ru — работает онлайн, без регистрации.
Поделиться:

Теги

#API#QR‑код#скриншоты#Node.js#web-development