Client Webauthn con vite

npm create vite@latest webauthn-clien

scegliere

vanilla js no yes

entrare nellaa cartella salvare con altro nome i file index.html src/main.js

ed inserire quelli nuovi compreso vite.config.js con quelli del git

cd  webauthn-client
mv index.html index.html.old
mv src/main.js src/main.js.old

nano index.html
nano src/main.js
nano vite.config.json

in vite.config.js ci sono host e porta

installare

npm install @simplewebauthn/browser

poi lanciare in modalità sviluppo

npm run dev

oppure costruirlo

npm run build

e poi avviarlo

npm run preview

Keycloak setting

collegarsi con keycloak come amministratore

https://auth.patachina2.casacam.net/admin

create realm x esempio demo

sul menù a tendina di Admin pulsante create realm

inserire realm name demo e lasciare enabled on

se non va da solo andare su demo nello stesso menù a tendina e poi andate su Clients

create client "my-app"

Client type 			OpenID connect
Client_ID   			my-app
client authentication	on
Authorization 			off

rimangono spuntati

Standard Flow
Direct access grant

Valid redirect URIs url della mia app

https://my.patachina2.casacam.net/*

significa che abiliti il redirect di qualsiasi route altrimenti metti /callback che è quella standard

Web origins

https://my.patachina2.casacam.net

lascia

Front channel logout	on
Backchannel logout		on

vai in credentials e copia Client Secret

questo va inserito nel file .env

vai su users e add/create new user

metti le info

Username	fabio
Email		fabio.micheluz@gmail.com
Fisrt name 	Fabio
Last name	Micheluz

se metti

Email verified	yes

devi settare tutto (vedi dopo)

vai su credientials e inserisci la password x es master66

questa verrà utilizzata dallo user fabio per autorizzare la connessione

se lasci

Temporary on

al primo collegamento chiede di cambiare password