Gå til hovedindhold
JavaScript SDKnpm · CDN · React

MitID-alderstjek i jeres JavaScript- eller React-app

UNQVerify er aldersverificering med MitID fra UNQTech. JavaScript SDK’et starter verificeringen i browseren og håndterer svaret, mens jeres backend afgør, om checkout eller adgang må fortsætte.

Dokumenteret APIMitID-baseretTestmiljø inkluderet

Fra klik til beslutning

Et browserflow med en tydelig kontrol på serveren

Brug SDK’et til kundens oplevelse. Knyt det validerede resultat til den handling, I beskytter.

Læs om tokenvalidering
  1. Jeres appBrugerhandling

    Kunden starter kontrollen

    Jeres brugerflade starter et flow med en offentlig API-nøgle, en minimumsalder og en returadresse.

  2. UNQVerify SDKJavaScript

    Åbn popup eller redirect

    SDK’et forbinder browseren med verificeringsflowet og jeres callback-side.

  3. MitIDAlderstjek

    Kunden gennemfører MitID

    Kunden bekræfter sig i MitID og vender tilbage til jeres løsning.

  4. Jeres backendJWT

    Validér før I giver adgang

    Kontrollér det signerede token og det relevante alderskrav på serveren før den begrænsede handling.

SDK’ets isVerified() og getVerifiedAge() hjælper brugerfladen. En status i browseren erstatter ikke backendens kontrol af en ordre eller adgang.

Vælg kundeoplevelse

Popup eller redirect?

Begge flows bruger MitID. Vælg efter jeres brugerflade og afprøv løsningen i de browsere, kunderne bruger.

Vælg dit setup

Redirect

Et samlet forløb i samme browservindue

Popup

Apps, hvor den aktuelle visning skal bevares

Start
startVerificationWithRedirect()
startVerificationWithPopup() fra en brugerhandling
Retur
Callback-siden kalder handleRedirectResult()
Callback-siden sender resultatet tilbage til appen
Afprøv
At kurv og relevant tilstand gendannes efter retur
Blokerede popups, lukkede vinduer og afbrudte forløb

Brug jeres nuværende frontend

Find eksemplet til jeres setup

React

Styr verificeringen fra en React-komponent

Brug eksemplerne til initialisering, loading-tilstand, callbacks og en separat resultatside. Start kontrollen fra et klik, og vis et tydeligt svar ved afvisning eller afbrydelse.

Et konkret udgangspunkt til jeres React-integration.

Se React-eksempler

npm

Integrér i en JavaScript-app

Installér @unqtech/age-verification-mitid, konfigurér init(), og vælg jeres flow. Opret også callback-siden, der behandler resultatet.

Samme SDK i jeres eksisterende frontendprojekt.

Læs installationsguiden

CDN

Tilføj flowet uden en bundler

Brug den dokumenterede UMD-build i et website eller en CMS-skabelon. Planlæg stadig callback og den serverkontrol, den beskyttede handling kræver.

En integrationsvej uden npm i frontendens build.

Se CDN-opsætningen

Se dokumentationen

Fra produktløfte til konkret integrationsguide

Callbacks

Håndtér hvert udfald

SDK’et skelner mellem godkendelse, afvisning, afbrydelse og tekniske fejl. Brug udfaldet til en forståelig besked og et passende næste skridt.Se fejlhåndtering
JWT

Kontrollér resultatet på serveren

Validér signatur, forventet udsteder, udløbstid og det relevante alderskrav. Produktionsflowet skal kun acceptere resultater fra det forventede produktionsmiljø.Se tokenvalidering
Test først

Gennemgå hele kunderejsen

Brug testnøgler og MitID-testidentiteter, før I skifter til rigtige brugere. Afprøv også afviste og afbrudte forløb.Læs testguiden

Spørgsmål og svar

Det spørger teams om før integrationen

Hvad hedder UNQVerifys JavaScript SDK?+

Pakken hedder @unqtech/age-verification-mitid. Den kan bruges via npm eller som UMD-build via CDN. Installationsguiden beskriver opsætning og de aktuelle metoder.

Kan vi bruge aldersverificering i React?+

Ja. SDK’et bruges fra browseren, og dokumentationen indeholder React-eksempler til initialisering, popup, redirect, callbacks og opdatering af brugerfladens tilstand.

Er et godkendt resultat i browseren nok til at acceptere en ordre?+

Nej. Brug browserens status til visning, og lad backend validere token og alderskrav, før den accepterer en ordre eller giver begrænset adgang.

Hvad sker der, hvis kunden afbryder MitID?+

Integrationen skal håndtere afbrydelsen som et selvstændigt udfald. Vis en forklaring og en mulighed for at prøve igen. En afbrydelse må ikke behandles som en godkendelse.

Hvornår skal vi vælge API’et frem for SDK’et?+

SDK’et passer til det dokumenterede browserflow. Vælg en custom API-integration, når I vil styre opstart, returflow og tokenhåndtering selv. Begge integrationsveje kræver korrekt kontrol af den handling, I beskytter.

Næste skridt

Byg videre med dokumentation og test

Vil I styre integrationen selv?

Se API-løsningen og den dokumenterede kontrakt for et custom flow.

Se API-integration

Er I klar til at afprøve løsningen?

Gennemgå testidentiteter, udfald og overgangen fra test til produktion.

Test aldersverificering

Klar når du er

Prøv SDK’et i jeres egen app

Opret en gratis testkonto, konfigurér testnøgle og returadresse, og gennemfør det første MitID-testflow.

Opret gratis testkonto