109 lines
No EOL
1.9 KiB
Markdown
109 lines
No EOL
1.9 KiB
Markdown
# 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 |