Как прикрутить функцию к кнопке JS?

Question

Alex941107 @Alex941107

JavaScript

Как прикрутить функцию к кнопке JS?

Есть код JS который создает подпись и проверяет ее.

Код

var CADESCOM_CADES_X_LONG_TYPE_1 = 0x5d;
        var CAPICOM_CURRENT_USER_STORE = 2;
        var CAPICOM_MY_STORE = "My";
        var CAPICOM_STORE_OPEN_MAXIMUM_ALLOWED = 2;
        var CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME = 1;

        function SignCreate(certSubjectName, dataToSign) {
            var oStore = cadesplugin.CreateObject("CAdESCOM.Store");
            oStore.Open(CAPICOM_CURRENT_USER_STORE, CAPICOM_MY_STORE,
            CAPICOM_STORE_OPEN_MAXIMUM_ALLOWED);

            var oCertificates = oStore.Certificates.Find(
            CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME, certSubjectName);
            if (oCertificates.Count == 0) {
                alert("Certificate not found: " + certSubjectName);
                return;
            }
            var oCertificate = oCertificates.Item(1);
            var oSigner = cadesplugin.CreateObject("CAdESCOM.CPSigner");
            oSigner.Certificate = oCertificate;
            oSigner.TSAAddress = "http://cryptopro.ru/tsp/";

            var oSignedData = cadesplugin.CreateObject("CAdESCOM.CadesSignedData");
            oSignedData.Content = dataToSign;

            try {
                var sSignedMessage = oSignedData.SignCades(oSigner, CADESCOM_CADES_X_LONG_TYPE_1);
            } catch (err) {
                alert("Failed to create signature. Error: " + cadesplugin.getLastError(err));
                return;
            }

            oStore.Close();

            return sSignedMessage;
        }

        function Verify(sSignedMessage) {
            var oSignedData = cadesplugin.CreateObject("CAdESCOM.CadesSignedData");
            try {
                oSignedData.VerifyCades(sSignedMessage, CADESCOM_CADES_X_LONG_TYPE_1);
            } catch (err) {
                alert("Failed to verify signature. Error: " + cadesplugin.getLastError(err));
                return false;
            }

            return true;
        }

        function run() {
            var oCertName = document.getElementById("CertName");
            var sCertName = oCertName.value; // Здесь следует заполнить SubjectName сертификата
            if ("" == sCertName) {
                alert("Введите имя сертификата (CN).");
                return;
            }
            var signedMessage = SignCreate(sCertName, "Message");

            document.getElementById("signature").innerHTML = signedMessage;

            var verifyResult = Verify(signedMessage);
            if (verifyResult) {
                alert("Signature verified");
            }
        }

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

Вопрос задан более трёх лет назад
3899 просмотров

2 комментария

Подписаться 1 Простой 2 комментария

Пригласить эксперта

Ответы на вопрос 1

10 комментариев

Alex941107 @Alex941107 Автор вопроса

А можете пожалуйста подсунуть туда кусок, чтобы я понял на правильном примере как это на самом деле выглядит, заранее спасибо.

Написано более трёх лет назад

noeer @noeer

Нужно просто вызвать функцию.

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button type="button" id="btn">Button</button>
	<script>
		var CADESCOM_CADES_X_LONG_TYPE_1 = 0x5d;
		var CAPICOM_CURRENT_USER_STORE = 2;
		var CAPICOM_MY_STORE = "My";
		var CAPICOM_STORE_OPEN_MAXIMUM_ALLOWED = 2;
		var CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME = 1;

		function SignCreate(certSubjectName, dataToSign) {
			var oStore = cadesplugin.CreateObject("CAdESCOM.Store");
			oStore.Open(CAPICOM_CURRENT_USER_STORE, CAPICOM_MY_STORE,
				CAPICOM_STORE_OPEN_MAXIMUM_ALLOWED);

			var oCertificates = oStore.Certificates.Find(
				CAPICOM_CERTIFICATE_FIND_SUBJECT_NAME, certSubjectName);
			if (oCertificates.Count == 0) {
				alert("Certificate not found: " + certSubjectName);
				return;
			}
			var oCertificate = oCertificates.Item(1);
			var oSigner = cadesplugin.CreateObject("CAdESCOM.CPSigner");
			oSigner.Certificate = oCertificate;
			oSigner.TSAAddress = "cryptopro.ru/tsp";

			var oSignedData = cadesplugin.CreateObject("CAdESCOM.CadesSignedData");
			oSignedData.Content = dataToSign;

			try {
				var sSignedMessage = oSignedData.SignCades(oSigner, CADESCOM_CADES_X_LONG_TYPE_1);
			} catch (err) {
				alert("Failed to create signature. Error: " + cadesplugin.getLastError(err));
				return;
			}

			oStore.Close();

			return sSignedMessage;
		}

		function Verify(sSignedMessage) {
			var oSignedData = cadesplugin.CreateObject("CAdESCOM.CadesSignedData");
			try {
				oSignedData.VerifyCades(sSignedMessage, CADESCOM_CADES_X_LONG_TYPE_1);
			} catch (err) {
				alert("Failed to verify signature. Error: " + cadesplugin.getLastError(err));
				return false;
			}

			return true;
		}

		function run() {
			var oCertName = document.getElementById("CertName");
			var sCertName = oCertName.value; // Здесь следует заполнить SubjectName сертификата
			if ("" == sCertName) {
				alert("Введите имя сертификата (CN).");
				return;
			}
			var signedMessage = SignCreate(sCertName, "Message");

			document.getElementById("signature").innerHTML = signedMessage;

			var verifyResult = Verify(signedMessage);
			if (verifyResult) {
				alert("Signature verified");
			}
		}

		document.getElementById('btn').onclick = function(){
			run();
		};
	</script>
</body>
</html>

Написано более трёх лет назад

Alex941107 @Alex941107 Автор вопроса

noeer, Спасибо Вам огромное! Там еще написано в описание к документам что в представление HTML должна быть указана вот эта строка , получается этот файл должен быть в одной директории с HTML? Надеюсь я правильно понимаю.

Написано более трёх лет назад
noeer @noeer

Какая строка?

Написано более трёх лет назад
Alex941107 @Alex941107 Автор вопроса

noeer, cpdn.cryptopro.ru/default.asp?url=content/cades/pl... вот тут описание, и тут есть перед примером строка">

Написано более трёх лет назад
Alex941107 @Alex941107 Автор вопроса

noeer, Не вставляется код почему то, там если открыть любой пример ЭЦП плагина, то перед каждым примером есть строчка с указанием на файл. Вот куда ее деть?)

Написано более трёх лет назад
noeer @noeer
Вы об этой строке?
<script language="javascript" src="cadesplugin_api.js"></script>

Да, это подключается JS файл. Он должен быть в той же директории, что и HTML файл.
В принципе, можете переложить в любую другую, но тогда нужно будет подправить адрес.
Написано более трёх лет назад
Alex941107 @Alex941107 Автор вопроса

noeer, Пробую все сделать как вы написали в коде, но к сожалению при нажатии на кнопку ничего не происходит :(
может я строчку этого js файла не в том месте ставлю, если у Вас вдруг найдется время скопипастить код в рабочее состояние, буду очень признателен чтобы понять всю структуру. Заранее спасибо.

Написано более трёх лет назад
noeer @noeer
Ничего не происходит из-за этого
var oCertName = document.getElementById("CertName"); var sCertName = oCertName.value; // Здесь следует заполнить SubjectName сертификата

На странице нет элемента с id="CertName"
Написано более трёх лет назад
Alex941107 @Alex941107 Автор вопроса

noeer, а как его можно добавить? или это тоже из какого то куска кода должно браться?

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

Простой
Как реализовать логику назад вперед?
- 1 подписчик
- 46 минут назад
- 44 просмотра
0

ответов
JavaScript

+2 ещё

Средний
Как подключить вконтакте на сайт чтобы слать юзеру в вк уведомления или сообщения?
- нет подписчиков
- 21 час назад
- 122 просмотра
1

ответ
JavaScript

+1 ещё

Сложный
Fastify долгая загрузка что можно сделать как найти причину?
- 1 подписчик
- вчера
- 50 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- вчера
- 174 просмотра
2

ответа
JavaScript

Простой
Fetch дает ошибку?
- 1 подписчик
- 23 нояб.
- 106 просмотров
1

ответ
JavaScript

Простой
Обьясните про функцию массив?
- 3 подписчика
- 23 нояб.
- 715 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 22 нояб.
- 75 просмотров
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 22 нояб.
- 44 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 22 нояб.
- 35 просмотров
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- 20 нояб.
- 152 просмотра
1

ответ
Показать ещё Загружается…

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработать бэкэнд на Node.js

25 нояб. 2024, в 18:39

30000 руб./за проект

Разработать бэкэнд на Django

25 нояб. 2024, в 18:35

30000 руб./за проект

Перенести сайт на CMS Wordpress c Tilda

25 нояб. 2024, в 18:33

10000 руб./за проект

Поражаюсь таким вопросам.. берут код откуда то , копипастят его , потом спрашивают как это прикрутить к кнопке. Вы серьезно готовы ждать ответ n-ое количество времени, когда можно загуглить ? Да даже на тостере таких "вопросов" просто куча. Омг, и это будущее веба?
ArtyomPLAY, прошу прощения я не веб разработчик, я специалист по криптографии, стоит задача пока фронт в отпуске разобраться и запустить) Остыньте сезон купания как раз уже открыт)

Answer 1 · 2019-06-04 14:50:59

Как-то так

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<button type="button" id="btn">Button</button>
	<script>
		document.getElementById('btn').onclick = function(){
			// код, который необходимо выполнить
		}
	</script>
</body>
</html>

Как прикрутить функцию к кнопке JS?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт