` della pagina. Se lo stile ha una priorità maggiore, dovrebbe essere in grado di sovrascrivere. Ad esempio, se vuoi dare alla tua pagina di accesso un'atmosfera di **_Night City_**, prova questo CSS: <details> <summary> <b>Clicca per espandere CSS e anteprima</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _"Abbiamo una città da bruciare!"_ </details> <Note> Dato che Logto utilizza i Moduli CSS, potresti vedere un valore hash nella proprietà `class` degli elementi DOM (es. un `<div>` con `vUugRG_container`). Per sovrascriverli, puoi utilizzare il selettore CSS `$=` per abbinare elementi che terminano con un valore specificato. In questo caso, dovrebbe essere `div[class$=container]`. </Note> ### 🔗 Connettori standard aperti con una migliore interfaccia di configurazione Logto supporta ora protocolli standard (SAML, OIDC e OAuth 2.0) per creare connettori sociali per integrare fornitori di identità esterni. Ogni protocollo può creare più connettori sociali, dandoti più controllo sulle tue esigenze di accesso. Inoltre, abbiamo ottimizzato l'interfaccia di configurazione per i connettori SAML. Provala e facci sapere cosa ne pensi! ### 📄 Nuova lingua Aggiunta traduzione in russo. (credito [@evist0](https://github.com/evist0)) ## 🎉 Nuovi Contributori - [@Alanimdeo](https://github.com/Alanimdeo) ha fatto il suo primo contributo in [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) ha fatto il suo primo contributo in [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) ha fatto il suo primo contributo in [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) ha fatto il suo primo contributo in [#3203](https://github.com/logto-io/logto/pull/3203) Grazie! </article></body></html>

Mentre Logto Cloud è ancora in costruzione, vogliamo introdurre alcune nuove funzionalità alla nostra base, Logto OSS. Questa sarà l'ultima versione prima della disponibilità generale. Gli aggiornamenti notevoli includono: - Infrastruttura ristrutturata e sicurezza migliorata - Input Intelligente e CSS Personalizzato aggiunti all'Esperienza di Accesso - Connettori standard aperti (SAML, OIDC e OAuth 2.0) - Nuovo supporto linguistico Diamo un'occhiata a cosa c'è dentro! ## 💥 CAMBIAMENTI IMPORTANTI 💥 ### Separare gli utenti normali e gli amministratori Logto utilizzava una singola porta per servire sia gli utenti normali che gli amministratori, nonché la console web. Mentre continuiamo a mantenere un alto livello di sicurezza, sarà comunque utile dividere questi componenti in due parti separate per mantenere isolati i dati e fornire un'infrastruttura flessibile. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) Da questa versione, Logto ascolta ora due porte per impostazione predefinita, una per gli utenti normali (`3001`), e una per gli amministratori (`3002`).

‼️ Clicca per espandere i dettagli

- Niente è cambiato per gli utenti normali. Nessuna modifica è necessaria. - Per gli utenti amministratori: - L'URL predefinito della Console Amministrativa è stato modificato in `http://localhost:3002/console`. - Per cambiare la porta amministrativa, impostare la variabile d'ambiente `ADMIN_PORT`. Ad esempio, `ADMIN_PORT=3456`. - Puoi specificare un endpoint personalizzato per gli amministratori impostando la variabile d'ambiente `ADMIN_ENDPOINT`. Ad esempio, `ADMIN_ENDPOINT=https://admin.tuo-dominio.com`. - Ora puoi disabilitare completamente gli endpoint amministrativi impostando `ADMIN_DISABLE_LOCALHOST=1` e lasciando `ADMIN_ENDPOINT` non impostato. - La Console Amministrativa e i dati degli utenti amministrativi non sono accessibili tramite gli endpoint degli utenti normali, inclusi `localhost` e `ENDPOINT` dall'ambiente. - La Console Amministrativa non mostra più i log di controllo degli utenti amministrativi. Tuttavia, questi log esistono ancora nel database e Logto continua a inserire i log degli utenti amministrativi. Non c'è semplicemente un'interfaccia conveniente per ispezionarli. - A causa dell'isolamento dei dati, i numeri sulla dashboard potrebbero diminuire leggermente (gli amministratori sono esclusi). - Indice Risorsa per l'API di Gestione Logto modificato da `https://api.logto.io` a `https://default.logto.app/api`.

Se stai aggiornando da una versione precedente, esegui semplicemente il [comando di alterazione del database](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) come al solito, e ci prenderemo cura del resto. Dietro le quinte, utilizziamo la potente funzionalità di Sicurezza a Livello di Riga di Postgres per isolare i dati degli amministratori e degli utenti. ### Politica CORS - Se `ADMIN_ENDPOINT` non è specificato, `localhost:[admin-port]` sarà consentito per eseguire il Cross-Origin Resource Sharing (CORS) in Logto. - Se `ADMIN_ENDPOINT` è specificato, saranno consentite solo le richieste dall'origine di `ADMIN_ENDPOINT`. ## 🔐 Aggiornamento della sicurezza Nelle versioni precedenti, quando si registravano o cambiavano password, tutte le nuove password erano memorizzate in chiaro nei Log di Controllo prima di essere criptate e inserite nel database. In questa versione, abbiamo aggiornato il processo per mascherare completamente i campi delle password prima di inserirli nei Log di Controllo. Per migliorare la sicurezza e la conformità, raccomandiamo vivamente di rimuovere tutte le password dai Log di Controllo o di eliminare tutti i log che includono password. Se hai domande riguardo a questo problema o la rimozione dei dati, non esitare a contattarci via email o Discord. ## 🧑‍🚀 Aggiornamento delle funzionalità ### 💡 Input Intelligente per l'Esperienza di Accesso Abbiamo integrato i tradizionali campi di input per nome utente, numero di telefono ed email in un'unica casella di input intelligente:

Questa avanzata casella di input identifica automaticamente il tipo di caratteri che stai inserendo, come un segno `@` o numeri consecutivi, e fornisce feedback di errore rilevanti. Razionalizzando il processo di accesso, gli utenti non hanno più bisogno di perdere tempo a capire quale pulsante premere per commutare il metodo di accesso desiderato. Questo riduce il rischio di errori e garantisce un'esperienza di accesso più fluida. ### 🎨 Personalizza il CSS nell'Esperienza di Accesso Abbiamo investito molto nell'ottimizzare l'esperienza di accesso degli utenti e abbiamo fornito un'opzione per il colore del marchio nell'interfaccia. Tuttavia, sappiamo che mettere a punto i requisiti dell'interfaccia utente può essere imprevedibile. Mentre Logto sta ancora esplorando le migliori opzioni per la personalizzazione, vogliamo fornire un metodo programmatico per sbloccare il tuo sviluppo. Ora puoi utilizzare l'API di Gestione `PATCH /api/sign-in-exp` con corpo `{ "customCss": "stringa arbitraria" }` per impostare CSS personalizzato per l'esperienza di accesso. Dovresti vedere il valore di `customCss` allegato dopo `` della pagina. Se lo stile ha una priorità maggiore, dovrebbe essere in grado di sovrascrivere. Ad esempio, se vuoi dare alla tua pagina di accesso un'atmosfera di **_Night City_**, prova questo CSS: <details> <summary> <b>Clicca per espandere CSS e anteprima</b> </summary> ```css @font-face { font-family: 'Rock Salt'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/rocksalt/v18/MwQ0bhv11fWD6QsAVOZrt0M6p7NGrQ.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Share Tech'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://fonts.gstatic.com/s/sharetech/v17/7cHtv4Uyi5K0OeZ7bohU8H0JmBUhfrE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } #app * { font-family: 'Share Tech'; letter-spacing: 0.5px; } #app > div[class$='viewBox'] { background-image: url(https://silverhand.io/assets/v-in-nc.jpg); background-size: cover; } #app main[class$='main'] { background-image: url(https://silverhand.io/assets/gentle-universe.png); background-size: cover; opacity: 0.98; min-height: initial; padding: 24px; padding-bottom: 72px; border-radius: 12px; } #app main[class$='main'] img[class$='logo'] { content: url(https://silverhand.io/assets/cyberpunk-2077.png); margin: -20px 0 -12px; height: 160px; } #app main[class$='main'] div[class$='headline'] { visibility: hidden; height: 60px; } #app main[class$='main'] div[class$='headline']:before { content: 'Welcome to Night City'; visibility: visible; display: block; font-family: 'Rock Salt'; font-style: italic; line-height: 60px; font-size: 20px; color: rgba(245, 250, 255, 0.6); padding: 0 20px; } #app form div[class$='inputField'] > div { outline: none; border: none; border-radius: 4px; } #app form div[class$='inputField'] > div > input, #app form div[class$='inputField'] div[class$='countryCodeSelector'] { background: initial; background-color: #453f67; font-family: 'Share Tech'; letter-spacing: 0.5px; font-size: 16px; font-weight: 600; } #app button { font-weight: 600; font-size: 16px; border-radius: 4px; } #app button[type='submit'] { background: linear-gradient(270.84deg, #2fd6fb -24.55%, #6369fc 44.33%, #a741eb 119.2%), #5d34f2; } ``` ![custom-css-preview](https://user-images.githubusercontent.com/14722250/221394786-4ae77638-8f35-4791-afae-8ab6a314dbf8.jpg) _"Abbiamo una città da bruciare!"_ </details> <Note> Dato che Logto utilizza i Moduli CSS, potresti vedere un valore hash nella proprietà `class` degli elementi DOM (es. un `<div>` con `vUugRG_container`). Per sovrascriverli, puoi utilizzare il selettore CSS `$=` per abbinare elementi che terminano con un valore specificato. In questo caso, dovrebbe essere `div[class$=container]`. </Note> ### 🔗 Connettori standard aperti con una migliore interfaccia di configurazione Logto supporta ora protocolli standard (SAML, OIDC e OAuth 2.0) per creare connettori sociali per integrare fornitori di identità esterni. Ogni protocollo può creare più connettori sociali, dandoti più controllo sulle tue esigenze di accesso. Inoltre, abbiamo ottimizzato l'interfaccia di configurazione per i connettori SAML. Provala e facci sapere cosa ne pensi! ### 📄 Nuova lingua Aggiunta traduzione in russo. (credito [@evist0](https://github.com/evist0)) ## 🎉 Nuovi Contributori - [@Alanimdeo](https://github.com/Alanimdeo) ha fatto il suo primo contributo in [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) ha fatto il suo primo contributo in [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) ha fatto il suo primo contributo in [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) ha fatto il suo primo contributo in [#3203](https://github.com/logto-io/logto/pull/3203) Grazie! </article></body></html>