Использование электронной подписи на сайте – Создание и разработка сайтов | Lansite

Использование электронной подписи на сайте – Создание и разработка сайтов | Lansite Электронная цифровая подпись

Как подписать документы на сайте с помощью эцп?

Добрый день!
Есть сайт на котором пользователь может загружать документы и при необходимости может их подписать электронной цифровой подписью. Какие существуют варианты реализации подобного?

Почитал статьи на эту тему, из них понятно, что помимо установки модулей на сервер у самого пользователя должны быть установлены специальные программы. Этот вариант не совсем устраивает, его лучше оставить на крайний случай. Есть ли другие способы?

На сайте госуслуг кажется есть возможность подписать документ(при подаче 3-ндфл, вроде) без установки сторонних программ, может кто в курсе как это реализовано?

У кого-нибудь есть опыт реализации подобных задач?

Как работает эцп на сайте?

Коллеги, доброго времени суток!

В общем, вопрос в сабже. В гугле не забанили, однако конкретики по одному этапу работы я не нашел.

Насколько я понял, работа в браузере с ЭЦП на примере с авторизацией происходит так:

  1. На комп ставится КриптоПро CSP
  2. В браузер их же плагин
  3. Человек, при авторизации якобы подписывает какое то поле (можно и type=hidden же? Или логин-пароль обязательно?)
  4. Данные уходят на сервер и что то там происходит. Вот с этого момента непонятно что должно происходить

Надо ли на сервер софт ставить, либо КриптоПро SDK в виде файла cadesplugin_api.js само свою магию сделает?

С вопросом ЭЦП с этой стороны не сталкивался, прошу развернутый ответ, либо ссылку на адекватную развернутую статью (на хабре не увидел), и чур не пинать камнями 🙂

Какие документы на сайте образовательной организации нужно подписывать электронной подписью

Требованиями установлено, что подписывать документы простой электронной подписью нужно только, самостоятельно разрабатываемые и утверждаемые образовательной организацией. К таким документам относятся различные приказы, положения, порядки и т.д. составленные сотрудниками образовательного учреждения. Лицензии, сертификаты, реквизиты и подобные документы подписывать электронной подписью не нужно.

Читайте также:  Как происходит проверка подлинности ЭЦП?

О приказе

Для начала надо сказать, что ранее применяемый приказ Рособрнадзора от 29.05.2022 № 785 «Об утверждении требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети „Интернет“ и формату представления на нем информации» утратил свою силу 1 января 2021 года.

На смену пришёл документ — приказ Рособрнадзора от 14.08.2020 № 831 «Об утверждении Требований к структуре официального сайта образовательной организации в информационно-телекоммуникационной сети „Интернет“ и формату представления информации» (далее — 831 Приказ) (срок действия документа ограничен 31 декабря 2026 года).

Вступил в силу приказ Рособрнадзора №831 от 14.08.2020 г. в котором говорится о требованиях к структуре официального сайта образовательной организации и о формате представления информации. В данной статье мы рассмотрим моменты, связанные с необходимостью подписывать некоторые документы простой электронной подписью.

Подписание документов эцп для сайта образовательных учреждений (организаций) и раздел food

ЭЛЕКТРОННАЯ ЦИФРОВАЯ ПОДПИСЬ НА ВАШЕМ САЙТЕ


Здесь вы найдёте простой, а главное БЕСПЛАТНЫЙ алгоритм для подписи документов без необходимости покупать дорогие решения.


Видео инструкция по настройке компьютера

Ссылка на Youtube https://www.youtube.com/watch?v=1Ccn2OietlU 


1. Первый делом нужно скачать программу Adobe Reader

Скачать файл: readerdc_ru_xa_cra_install.exe [1,19 Mb] (cкачиваний: 1423)

2. После установки понадобится плагин для программы криптопро



Скачать файл: cppdfsetup-1.exe [4,17 Mb] (cкачиваний: 1463)

Ссылка для диагностики если есть ошибка 

https://i.kontur.ru 

Просто вставьте её в Internet Explorer

Если у Вас такая ошибка
Использование электронной подписи на сайте – Создание и разработка сайтов | Lansite

Файлы для скачивания:

Версия 4

Скачать файл: cspsetup.exe [5,59 Mb] (cкачиваний: 236)

Версия 5

Скачать файл: cspsetup-5_0_11455.exe [6,85 Mb] (cкачиваний: 192)

3. Если Вам нужна программа для правки PDF, пожалуйста:

Скачать файл: pdf24-creator-10_0_12.exe [121,1 Mb] (cкачиваний: 887)

4. Если ничего не помогает, программа для удалённой поддержки

Скачать файл: anydesk-1.exe [3,59 Mb] (cкачиваний: 438)


Звоните, постараемся помочь.

На выходе получаем вот такой файл:

Скачать файл: ochen-vazhnyj-dokument-jecp.pdf [237,83 Kb] (cкачиваний: 1409)

Посмотреть онлайн файл: ochen-vazhnyj-dokument-jecp.pdf

Другие полезные инструкции
Быстрая массовая конвертация в PDF


Ссылка на Youtube https://www.youtube.com/watch?v=3DBnO2MaeXM

Быстрая правка документов PDF

Ссылка на YouTube https://www.youtube.com/watch?v=ZPRqd__HqX4

Читайте также:  Электронная подпись (ЭЦП) для отчетности | Купить и получить в компании Тензор

Раздел FOOD за 5 минут

Ссылка на YouTube https://www.youtube.com/watch?v=byUh0Qpr0w4

Электронная цифровая подпись на сайте при помощи криптопро эцп browser plug-in

В данной статье рассмотрим использование электронно-цифровой подписи на сайте.

Что необходимо, чтобы человек смог использовать электронно-цифровую подпись на сайте?

1) СКЗИ (средство криптографической защиты информации)
Мой опыт работы показывает, что порядка 90% использует КриптоПро CSP (скачать), который в явном или неявном виде продвигают удостоверяющие центры. Порядка 10% VipNet CSP (), который можно использовать бесплатно. С остальными СКЗИ на практике не встречался.
2) КриптоПро ЭЦП Browser plug-in (страница плагина).
3) Установленная подпись (хотя бы одна).

Проверка возможности осуществления подписи
javascript ( jquery)

1) Попытка создать объект cades.
Нужно сделать примечание, что тут и далее, будет деление на браузер с ActiveX(читай IE) и остальные.
Проверка будет осуществляться:

return ('ActiveXObject' in window);

для ActiveX:

try {
    store = new ActiveXObject('CAdESCOM.store');
    status = true;
} catch (e) {
    status = false;
}

Для остальных:

if (navigator.mimeTypes['application/x-cades']) {
    status = true;
} else {
    status = false;
}

Если проверка прошла неудачно, то уведомляем об этом пользователя.

Стоит иметь ввиду, что после обновления хрома до версии 42 (спасибо

статье

за информацию) нужно включить:

chrome://flags/#enable-npapi

Следующая проверка — а разрешен ли плагин для запуска (не для IE проверка)?

try {
    store = objSign.CreateObject('CAPICOM.store');
    status = true;
} catch (e) {
    status = false;
}

Где objSign:

objSign = $('<object/>', {
    'id': 'cadesplugin',
    'type': 'application/x-cades',
    'css': {
        'visibility': 'hidden',
        'height': '0px',
        'width': '0px',
        'position': 'absolute'
    }
}).appendTo('body').get(0);

Проверяем на СКЗИ путем попытки открыть хранилище.

try {
    store.Open();
    status = true;
} catch (e) {
    status = false;
}

Проверяем на существование сертификатов в хранилище:

if ('Certificates' in store) {
    certs = store.Certificates;
}

И их количество (бывает, что Certificates есть, но пуст, что нам тоже не подойдет):

if (certs.Count) {
    status = true;
} else {
    status = false;
}

Первый шаг сделали — проверили возможность подписания чего-либо.

Выбор электронной цифровой подписи

У клиента может быть установлено несколько сертификатов. Сертификаты могут быть от разных удостоверяющих центров (УЦ), выданными быть разным людям, с разными датами выдачами, поэтому надо предоставить выбор, каким именно он хочется воспользоваться.

Читайте также:  Как проверить цифровую подпись (её наличие, валидность) у файла

1) Группируем по удостоверяющим центрам
Информация об удостоверяющем центре хранится в сертификате.

certs.Item(i).GetInfo(1)
где certs — сертификаты из хранилища, см выше
i — порядковый номер сертификата от 1 (обратите внимание) до certs.Count.
Обратите внимание, что, в случае «кривых» сертификатов, вернуться может и undefined, имеет смысл сделать один дефолтный УЦ для таких случаев.

Теперь мы знаем список УЦ, услугами которых воспользовался клиент.
Запоминаем их и выведем через optgroup.
Сам text у option будет таким:

cert.GetInfo(6)   ' ('   formatDate(cert.ValidFromDate)   ' - '   formatDate(cert.ValidToDate)   ')'

в

cert.GetInfo(6)

— кому выдан сертификат

в

ValidFromDate

— с какого срока сертификат начал/начнет действие

в

ValidToDate

— соответственно, до какого срока

Ну и форматирование даты стандартное:

function formatDate(d) {
    try {
        d = new Date(d);
        return ('0'   d.getDate()).slice(-2)   '.'   ('0'   (d.getMonth()   1)).slice(-2)   '.'   d.getFullYear();
    } catch (e) {
        return '';
    }
}

Еще можно подсветить option.

Зеленым — для работоспособных сертификатов, красным — нет.

Информацию можно получить при помощи самого сертификата.

try {
    return cert.IsValid().Result;
} catch (e) {
    return false;
}

Стоит отметить, что сама по себе данная проверка имеет малую ценность, ибо все причины не может отсечь.

Но самые базовые, например, проверка даты — проверяет.

В value у option запишем отпечаток cert.Thumbprint.
Можно порядковый номер записать, можно другие данные — на ваше усмотрение.

Подписание
Ну и, собственно, самый главный шаг, к которому мы стремились — подписание.

1) Находим выбранный сертификат.
Для нашего примера:

certs.Find(0, thumbprint).Item(1)

— означает, что мы ищем по отпечатку

1

— что используем первый результат выборки (по факту единственный)

2) Подписываем:

if (isActiveX()) {
    var CPSigner = new ActiveXObject('CAdESCOM.CPSigner');
} else {
    var CPSigner = objSign.CreateObject('CAdESCOM.CPSigner');
}
CPSigner.Certificate = cert;
if (isActiveX()) {
    var SignedData = new ActiveXObject('CAdESCOM.CadesSignedData');
} else {
    var SignedData = objSign.CreateObject('CAdESCOM.CadesSignedData');
}
SignedData.Content = text;
return SignedData.SignCades(CPSigner, 1, false);

где cert — сертификат, при помощи которого подписываем
text — собственно, что подписываем
Ну а в return возвращается подписанное сообщение.

p.s. По максимуму код постарался вычистить от специфики проекта. Если кому-то этот материал пригодится и будет интересно — напишу и серверную часть. Проверка подписанного сообщения (с цепочкой и без), проверка сертификата (ocsp и без), использования tsp и т.д.

Оцените статью
ЭЦП Эксперт
Добавить комментарий

Adblock
detector