# Client Webauthn con vite
```sh
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
```sh
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
```sh
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