Cod de integrare
HTML
JavaScript
Verificare backend
<!-- 1. Adaugă scriptul ALTCHA -->
<script async defer
src="https://cdn.jsdelivr.net/gh/altcha-org/altcha@main/dist/altcha.min.js"
type="module"></script>
<!-- 2. Adaugă widget-ul în formular -->
<form method="POST" action="/submit">
<input type="text" name="name" placeholder="Nume" />
<altcha-widget
challengeurl="https://altcha.softescu.com/challenge">
</altcha-widget>
<button type="submit">Trimite</button>
</form>
// Obține challenge de la server
const response = await fetch(
'https://altcha.softescu.com/challenge'
);
const challenge = await response.json();
// Configurează widget-ul programatic
document.querySelector('#altcha').configure({
challenge: challenge
});
// Ascultă evenimentul de verificare
document.querySelector('#altcha')
.addEventListener('statechange', (ev) => {
if (ev.detail.state === 'verified') {
console.log('Verificat cu succes!');
}
});
// Verificare în backend (Node.js)
const altchaToken = req.body.altcha;
const result = await fetch(
`https://altcha.softescu.com/verify?altcha=${altchaToken}`
);
const data = await result.json();
if (data.verified) {
// Token valid - procesează formularul
res.json({ success: true });
} else {
// Token invalid - respinge cererea
res.status(400).json({ error: 'Verificare eșuată' });
}