` der Seite sehen. Wenn dem Stil eine höhere Priorität zugewiesen wird, sollte er überschreiben können. Wenn Sie zum Beispiel Ihrer Anmeldeseite das Gefühl von **_Night City_** verleihen möchten, probieren Sie dieses CSS: <details> <summary> <b>Klicken, um CSS und Vorschau anzuzeigen</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) _"Wir haben eine Stadt zu brennen!"_ </details> <Note> Da Logto CSS Module verwendet, siehst du möglicherweise einen Hash-Wert im `class`-Eigenschaft von DOM-Elementen (z. B. ein `<div>` mit `vUugRG_container`). Um diese zu überschreiben, kannst du den `$=` CSS-Selektor verwenden, um Elemente zuzuordnen, die mit einem bestimmten Wert enden. In diesem Fall sollte es `div[class$=container]` sein. </Note> ### 🔗 Offene Standardverbindungen mit besserer Konfigurationsoberfläche Logto unterstützt nun Standardprotokolle (SAML, OIDC und OAuth 2.0) für die Erstellung von sozialen Verbindungen zur Integration externer Identitätsanbieter. Jedes Protokoll kann mehrere soziale Verbindungen erstellen, wodurch Sie mehr Kontrolle über Ihre Zugriffsanforderungen haben. Außerdem haben wir die Konfigurationsoberfläche für SAML-Verbindungen optimiert. Probieren Sie es aus und lassen Sie uns wissen, wie es Ihnen gefällt! ### 📄 Neue Sprache Russische Übersetzung hinzugefügt. (Kredit [@evist0](https://github.com/evist0)) ## 🎉 Neue Mitwirkende - [@Alanimdeo](https://github.com/Alanimdeo) leistete ihren ersten Beitrag in [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) leistete ihren ersten Beitrag in [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) leistete ihren ersten Beitrag in [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) leistete ihren ersten Beitrag in [#3203](https://github.com/logto-io/logto/pull/3203) Danke! </article></body></html>

Während Logto Cloud noch im Aufbau ist, möchten wir einige neue Funktionen in unser Fundament, Logto OSS, einführen. Dies wird die letzte Version vor der allgemeinen Verfügbarkeit sein. Bemerkenswerte Updates umfassen: - Umstrukturierte Infrastruktur und verbesserte Sicherheit - Intelligente Eingabe und Benutzerdefiniertes CSS für das Anmeldeerlebnis hinzugefügt - Offene Standardverbindungen (SAML, OIDC und OAuth 2.0) - Neue Sprachunterstützung Schauen wir uns an, was darin steckt! ## 💥 WICHTIGE ÄNDERUNGEN 💥 ### Entkopplung normaler Benutzer und Administratoren Logto nutzte einen einzigen Port, um sowohl normalen Benutzern als auch Administratoren sowie der Web-Konsole zu dienen. Während wir weiterhin ein hohes Maß an Sicherheit aufrechterhalten, ist es dennoch großartig, diese Komponenten in zwei separate Teile zu entkoppeln, um Daten isoliert zu halten und eine flexible Infrastruktur bereitzustellen. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) Ab dieser Version hört Logto standardmäßig auf zwei Ports, einen für normale Benutzer (`3001`) und einen für Administratoren (`3002`).

‼️ Klicken, um Details anzuzeigen

- Für normale Benutzer hat sich nichts geändert. Keine Anpassung erforderlich. - Für Administratoren: - Die Standard-Admin-Konsolen-URL wurde auf `http://localhost:3002/console` geändert. - Um den Admin-Port zu ändern, setzen Sie die Umgebungsvariable `ADMIN_PORT`. Zum Beispiel `ADMIN_PORT=3456`. - Sie können einen benutzerdefinierten Endpunkt für Administratoren festlegen, indem Sie die Umgebungsvariable `ADMIN_ENDPOINT` setzen. Zum Beispiel `ADMIN_ENDPOINT=https://admin.your-domain.com`. - Sie können Admin-Endpunkte jetzt vollständig deaktivieren, indem Sie `ADMIN_DISABLE_LOCALHOST=1` setzen und `ADMIN_ENDPOINT` nicht festlegen. - Die Admin-Konsolen- und Admin-Benutzerdaten sind über normale Benutzerendpunkte nicht zugänglich, einschließlich `localhost` und `ENDPOINT` aus der Umgebung. - Die Admin-Konsole zeigt keine Audit-Logs von Admin-Benutzern mehr an. Diese Logs existieren jedoch weiterhin in der Datenbank und Logto fügt weiterhin Admin-Benutzer-Logs ein. Es gibt nur keine bequeme Schnittstelle, um sie einzusehen. - Aufgrund der Datenisolation können die Zahlen auf dem Dashboard leicht abnehmen (Administratoren sind ausgeschlossen). - Der Ressourcen-Indikator für die Logto-Verwaltungs-API wurde von `https://api.logto.io` auf `https://default.logto.app/api` geändert.

Wenn Sie von einer vorherigen Version aktualisieren, führen Sie einfach wie gewohnt den [Datenbankänderungsbefehl](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) aus, und wir kümmern uns um den Rest. Im Hintergrund verwenden wir die leistungsstarke Postgres-Funktion "Row-Level Security", um Administrator- und Benutzerdaten zu isolieren. ### CORS-Richtlinie - Wenn `ADMIN_ENDPOINT` nicht angegeben ist, wird `localhost:[admin-port]` in Logto erlaubt, Cross-Origin Resource Sharing (CORS) durchzuführen. - Wenn `ADMIN_ENDPOINT` angegeben ist, werden nur Anfragen aus dem Ursprung von `ADMIN_ENDPOINT` erlaubt. ## 🔐 Sicherheitsupdate In früheren Versionen wurden beim Registrieren oder Ändern von Passwörtern alle neuen Passwörter im Klartext in den Audit-Logs gespeichert, bevor sie verschlüsselt und in die Datenbank eingefügt wurden. In dieser Version haben wir den Prozess aktualisiert, um Passwortfelder vollständig zu maskieren, bevor sie in die Audit-Logs eingefügt werden. Für erhöhte Sicherheit und Compliance empfehlen wir dringend, alle Passwörter aus den Audit-Logs zu entfernen oder alle Logs zu löschen, die Passwörter enthalten. Wenn du Fragen zu diesem Problem oder zur Entfernung von Daten hast, zögere bitte nicht, uns per E-Mail oder Discord zu kontaktieren. ## 🧑‍🚀 Funktionsupdate ### 💡 Intelligente Eingabe für das Anmeldeerlebnis Wir haben die traditionellen Eingabefelder für Benutzername, Telefonnummer und E-Mail in ein einziges intelligentes Eingabefeld integriert:

Dieses erweiterte Eingabefeld identifiziert automatisch den Typ der eingegebenen Zeichen, wie z. B. ein `@`-Zeichen oder aufeinanderfolgende Zahlen, und gibt relevantes Fehlerrückmeldungen. Indem wir den Anmeldeprozess optimieren, müssen Benutzer keine Zeit mehr damit verschwenden, herauszufinden, welchen Button sie klicken müssen, um ihre gewünschte Anmeldemethode zu wechseln. Dies reduziert das Fehlerrisiko und gewährleistet ein reibungsloseres Anmeldeerlebnis. ### 🎨 Benutzerdefiniertes CSS im Anmeldeerlebnis Wir haben viel Aufwand in die Verbesserung des Benutzeranmeldeerlebnisses gesteckt und eine Markenfarboption für die Benutzeroberfläche bereitgestellt. Wir wissen jedoch, dass es unvorhersehbare Feinabstimmungen von UI-Anforderungen geben kann. Während Logto noch die besten Optionen für die Anpassung erkundet, möchten wir eine programmatische Methode bereitstellen, um Ihre Entwicklung zu entblocken. Sie können jetzt die Verwaltungs-API `PATCH /api/sign-in-exp` mit dem Body `{ "customCss": "beliebiger String" }` verwenden, um benutzerdefiniertes CSS für das Anmeldeerlebnis festzulegen. Sie sollten den Wert von `customCss` nach `` der Seite sehen. Wenn dem Stil eine höhere Priorität zugewiesen wird, sollte er überschreiben können. Wenn Sie zum Beispiel Ihrer Anmeldeseite das Gefühl von **_Night City_** verleihen möchten, probieren Sie dieses CSS: <details> <summary> <b>Klicken, um CSS und Vorschau anzuzeigen</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) _"Wir haben eine Stadt zu brennen!"_ </details> <Note> Da Logto CSS Module verwendet, siehst du möglicherweise einen Hash-Wert im `class`-Eigenschaft von DOM-Elementen (z. B. ein `<div>` mit `vUugRG_container`). Um diese zu überschreiben, kannst du den `$=` CSS-Selektor verwenden, um Elemente zuzuordnen, die mit einem bestimmten Wert enden. In diesem Fall sollte es `div[class$=container]` sein. </Note> ### 🔗 Offene Standardverbindungen mit besserer Konfigurationsoberfläche Logto unterstützt nun Standardprotokolle (SAML, OIDC und OAuth 2.0) für die Erstellung von sozialen Verbindungen zur Integration externer Identitätsanbieter. Jedes Protokoll kann mehrere soziale Verbindungen erstellen, wodurch Sie mehr Kontrolle über Ihre Zugriffsanforderungen haben. Außerdem haben wir die Konfigurationsoberfläche für SAML-Verbindungen optimiert. Probieren Sie es aus und lassen Sie uns wissen, wie es Ihnen gefällt! ### 📄 Neue Sprache Russische Übersetzung hinzugefügt. (Kredit [@evist0](https://github.com/evist0)) ## 🎉 Neue Mitwirkende - [@Alanimdeo](https://github.com/Alanimdeo) leistete ihren ersten Beitrag in [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) leistete ihren ersten Beitrag in [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) leistete ihren ersten Beitrag in [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) leistete ihren ersten Beitrag in [#3203](https://github.com/logto-io/logto/pull/3203) Danke! </article></body></html>