62 lines
2.6 KiB
HTML
62 lines
2.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="ru">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>WASM Example</title>
|
|
</head>
|
|
<body>
|
|
<h1>WASM Example</h1>
|
|
<div>
|
|
<label for="userAgent">User Agent:</label>
|
|
<input type="text" id="userAgent" placeholder="Например, Mozilla/5.0">
|
|
</div>
|
|
<div>
|
|
<label for="url">URL:</label>
|
|
<input type="text" id="url" placeholder="Например, http://example.com">
|
|
</div>
|
|
<button id="getSecretValue">Получить секретное значение</button>
|
|
<p id="result"></p>
|
|
|
|
<script type="module">
|
|
import init, { get_secret_value } from './hublib.js'; // импортируем функции для wasm
|
|
|
|
async function runWasm() {
|
|
await init();
|
|
|
|
|
|
document.getElementById('getSecretValue').addEventListener('click', async () => {
|
|
const userAgent = document.getElementById('userAgent').value || navigator.userAgent; // тупо поле для user agent
|
|
const url = document.getElementById('url').value || window.location.href; // тупо поле для url
|
|
|
|
const serverTs = await fetchServerTimestamp(); // получаем timestamp из эндпоинта (код ниже)
|
|
const secretValue = await get_secret_value(BigInt(serverTs.timestamp), userAgent, url); // вставляем всё в функцию генерации подписи
|
|
// const asd = await fetch_timestamp();
|
|
|
|
document.getElementById('result').innerText = secretValue; // подпись выводится на экран. если там вывелась какая-то ошибка, то кринж
|
|
});
|
|
}
|
|
|
|
async function fetchServerTimestamp() {
|
|
const url = "https://api.id.hublab.ru/api/v1/server-timestamp";
|
|
try {
|
|
const response = await fetch(url);
|
|
// Проверяем, успешен ли ответ
|
|
if (!response.ok) {
|
|
throw new Error(`Ошибка HTTP: ${response.status}`);
|
|
}
|
|
// Парсим JSON из ответа
|
|
const data = await response.json();
|
|
return data;
|
|
} catch (error) {
|
|
console.error("Произошла ошибка при получении времени сервера:", error);
|
|
return null; // Возвращаем null в случае ошибки
|
|
}
|
|
}
|
|
|
|
|
|
|
|
runWasm();
|
|
</script>
|
|
</body>
|
|
</html> |