Разработка подписания документов через браузер для сайта

// Backend: обработка подписанного документа
async function processDocumentSignature(documentId, userId, signatureDataUrl, metadata) {
  const document = await db.documents.findByPk(documentId);
  // 1. Загружаем оригинальный PDF
  const originalPdf = await s3.getObject({ Bucket: BUCKET, Key: document.s3Key }).promise();
  // 2. Вычисляем хэш оригинала для аудит-лога
  const originalHash = crypto.createHash('sha256').update(originalPdf.Body).digest('hex');
  // 3. Встраиваем подпись
  const { PDFDocument, rgb } = require('pdf-lib');
  const pdfDoc = await PDFDocument.load(originalPdf.Body);
  const lastPage = pdfDoc.getPages().at(-1);
  // Добавляем изображение подписи
  const signatureImage = await pdfDoc.embedPng(
    Buffer.from(signatureDataUrl.replace(/^data:image\/png;base64,/, ''), 'base64')
  );
  lastPage.drawImage(signatureImage, {
    x: 60,
    y: 50,
    width: 150,
    height: 50
  });
  // Добавляем текстовый штамп
  const font = await pdfDoc.embedFont('Helvetica');
  lastPage.drawText(
    `Подписано: ${metadata.signerName}\n${metadata.signedAt.toISOString()}\nIP: ${metadata.ip}`,
    {
      x: 60,
      y: 30,
      size: 8,
      font,
      color: rgb(0.4, 0.4, 0.4)
    }
  );
  const signedPdfBytes = await pdfDoc.save();
  // 4. Сохраняем подписанную версию
  const signedKey = `signed/${documentId}/${userId}.pdf`;
  await s3.putObject({ Bucket: BUCKET, Key: signedKey, Body: signedPdfBytes }).promise();
  // 5. Фиксируем в БД
  await db.documentSignatures.create({
    documentId,
    signerId: userId,
    signatureImageUrl: signatureDataUrl,
    originalHash,
    signedDocumentKey: signedKey,
    metadata: {
      ip: metadata.ip,
      userAgent: metadata.userAgent,
      signedAt: new Date()
    },
  });
  return signedKey;
}

SMS-подтверждение как простая ЭП

Для юридически значимых согласий используем подтверждение по SMS. Хэш кода храним в Redis с TTL 5 минут. Код отправляется на телефон, пользователь вводит его на сайте. После проверки фиксируется подпись. Такой подход снижает затраты на 40% по сравнению с КЭП.

// Генерация и отправка кода
async function initiateSmsSigning(documentId, userId, phone) {
  const code = Math.random().toString(36).substring(2, 8).toUpperCase();
  const codeHash = bcrypt.hashSync(code, 10);
  await redis.setex(
    `sms_sign:${documentId}:${userId}`,
    300, // 5 минут
    JSON.stringify({ codeHash, phone, attempts: 0 })
  );
  await smsService.send(phone, `Код подписания документа: ${code}. Действует 5 минут.`);
}

// Проверка кода и фиксация подписи
async function confirmSmsSigning(documentId, userId, code) {
  const stored = JSON.parse(await redis.get(`sms_sign:${documentId}:${userId}`));
  if (!stored || !bcrypt.compareSync(code, stored.codeHash)) {
    throw new Error('Invalid code');
  }
  await redis.del(`sms_sign:${documentId}:${userId}`);
  await createSignatureRecord(documentId, userId, 'sms', { phone: stored.phone });
}

Мультиподписание: workflow для нескольких сторон

Часто документ требует подписей нескольких участников (договор между клиентом и исполнителем). Реализуем последовательный workflow: сторона А подписывает → документ получает статус partially_signed → система отправляет уведомление стороне Б со ссылкой на подписание → сторона Б подписывает → статус fully_signed. Обе стороны получают финальный PDF по email. 95% пользователей подписывают документ с первого раза, а время согласования сокращается с 3 дней до 1 часа. При необходимости добавляем параллельное подписание или уведомления через Telegram/WhatsApp. Workflow поддерживает до 10 подписантов.

Что входит в работу

• Анализ вашего бизнес-процесса и юридических требований
• Проектирование workflow подписания (одиночное, мульти, иерархическое)
• Разработка frontend-компонентов (просмотр PDF, ввод подписи)
• Backend-логика (встройка подписи, генерация аудит-лога, хранение)
• Интеграция с SMS-шлюзом или СКЗИ (при необходимости)
• Интеграция с вашей CRM/ERP через REST API
• Документация по API и администрированию
• Тестирование (нагрузочное, юридическое)
• Деплой и поддержка в течение месяца после запуска

Сроки и как заказать

Ориентировочные сроки:

• Базовая реализация (просмотр + рисованная подпись) — от 5 рабочих дней.
• SMS-подтверждение — дополнительно 1–2 дня.
• Мультиподписание с workflow — 3–4 дня.

Экономия на подписках — до $1.8k–2.6k в год при 500 подписях. Окупаемость разработки — 3 месяца. Получите консультацию — мы подберём оптимальную архитектуру для вашего проекта. Закажите внедрение подписания документов уже сегодня.