JavaScript integrācija
Integrējiet SilentShield jebkurā vietnē, izmantojot tīro JavaScript, vai izmantojiet mūsu ietvaram specifiskos ceļvežus React, Vue un Angular.
1. Pievienojiet skripta tagu
Pievienojiet šo skripta tagu savam HTML, ideāli pirms noslēdzošā </body> taga:
HTMLhtml
<script src="https://api.silentshield.io/client.js?k=YOUR_API_KEY" crossorigin="anonymous" defer></script>2. Inicializējiet logrīku
Manuāla inicializācija nav nepieciešama — client.js inicializējas pats un ielādē logrīka konfigurāciju (motīvu, valodu, emblēmu) no paneļa iestatījumiem:
JavaScriptjavascript
// No init call needed — client.js bootstraps itself as soon as it loads
// and pulls your widget configuration (theme, language, badge) from the
// dashboard: App → API keys → [your key] → Widget.Konfigurācijas opcijas
apiKey- API atslēga (obligāta)
lang- Valodas kods vai 'auto' pārlūka noteikšanai (noklusējums: 'auto'). Atbalsta 25 valodas.
thresholdSuspicious- Rezultāts zem šīs robežas aktivizē izaicinājumu (noklusējums: 0.6)
thresholdBlock- Rezultāts zem šīs robežas bloķē pieprasījumu (noklusējums: 0.3)
telemetry- Iespējot uzvedības izsekošanu (noklusējums: true)
captchaUI- Rādīt CAPTCHA saskarni, kad nepieciešams (noklusējums: true)
fallbackCaptcha- Iespējot matemātisko CAPTCHA kā rezerves variantu (noklusējums: true)
showBrandingBadge- Rādīt «Aizsargāts ar SilentShield» nozīmi (noklusējums: true)
zeroPii- Disable browser fingerprinting for maximum privacy (default: false). See Features → Zero-PII Mode.
debugOverlay- Rādīt atkļūdošanas pārklājumu (noklusējums: false)
onVerdict- Atgriezeniskā izsaukuma funkcija, kas tiek izsaukta, saņemot spriedumu
Vienas lapas lietotnes (SPA)
SPA, kas izmanto klienta puses maršrutēšanu (React Router, Vue Router u.c.), SilentShield automātiski novēro DOM izmaiņas un atpazīst jaunas veidlapas. Pēc navigācijas atkārtota inicializācija nav nepieciešama.
Nonce nolasīšana
Pēc veidlapas iesniegšanas nonce ir pieejams kā slēpts lauks:
HTMLhtml
const nonce = document.querySelector('input[name="behavior_nonce"]')?.value;