` jälkeen lisättynä `customCss`:n arvo. Jos tyylillä on korkeampi prioriteetti, sen pitäisi pystyä yliaikaan. Esimerkiksi, jos haluat antaa sisäänkirjautumissivullesi **_Night City_** -tunnelman, kokeile tätä CSS:ää: <details> <summary> <b>Laajenna nähdäksesi CSS ja esikatselu</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: 'Tervetuloa Night Cityyn'; 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) _"Meillä on kaupunki poltettavana!"_ </details> <Note> Koska Logto käyttää CSS-moduuleja, saatat nähdä hash-arvoja DOM-elementtien `class`-ominaisuudessa (esim. `<div>`:lla `vUugRG_container`). Ylikirjoittaaksesi nämä, voit käyttää `$=` CSS-valitsinta kohdataksesi elementit, jotka päättyvät tiettyyn arvoon. Tässä tapauksessa sen pitäisi olla `div[class$=container]`. </Note> ### 🔗 Avoimet standardiliitännät paremmalla konfiguraatiokäyttöliittymällä Logto tukee nyt standardiprotokollia (SAML, OIDC ja OAuth 2.0) luodakseen sosiaaliliitännät integroimaan ulkoisia identiteettiä tarjoavia palveluita. Jokainen protokolla voi luoda useita sosiaaliliitäntöjä, mikä antaa sinulle enemmän hallintaa pääsytarpeistasi. Lisäksi optimoimme SAML-liitintä konfiguraatiokäyttöliittymän. Kokeile sitä ja kerro tuntemuksesi! ### 📄 Uusi kieli Lisätty venäjänkielinen käännös. (kunniamaininta [@evist0](https://github.com/evist0)) ## 🎉 Uudet myötävaikuttajat - [@Alanimdeo](https://github.com/Alanimdeo) teki ensimmäisen panoksensa [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) teki ensimmäisen panoksensa [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) teki ensimmäisen panoksensa [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) teki ensimmäisen panoksensa [#3203](https://github.com/logto-io/logto/pull/3203) Kiitos! </article></body></html>

Vaikka Logto Cloud on vielä rakenteilla, haluamme esitellä joitakin uusia ominaisuuksia alustallemme, Logto OSS:lle. Tämä on viimeinen versio ennen yleistä saatavuutta. Huomattavia päivityksiä ovat: - Uudistettu infrastruktuuri ja parannettu tietoturva - Älykäs Syöte ja Mukauta CSS lisätty sisäänkirjautumiskokemukseen - Avoimet standardiliitännät (SAML, OIDC ja OAuth 2.0) - Uusi kielen tuki Katsotaanpa, mitä sisältä löytyy! ## 💥 MURTAVAT MUUTOKSET 💥 ### Erota normaalit käyttäjät ja ylläpitäjät Logto käytti yhtä porttia palvellakseen sekä normaaleja käyttäjiä että ylläpitäjiä sekä web-konsolia. Vaikka ylläpidämme jatkuvasti korkeaa tietoturvatasoa, on silti hienoa erottaa nämä komponentit erilleen pitääksemme tiedot eristettyinä ja tarjota joustavaa infrastruktuuria. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) Tästä versiosta lähtien Logto kuuntelee oletuksena kahta porttia, yksi normaaleille käyttäjille (`3001`) ja yksi ylläpitäjille (`3002`).

‼️ Napsauta laajentaaksesi tiedot

- Normaalille käyttäjille mikään ei ole muuttunut. Sovittelua ei tarvita. - Ylläpitäjäkäyttäjille: - Oletuskonsolin URL-osoite on muuttunut `http://localhost:3002/console`. - Muuttaaksesi ylläpitäjäporttia, aseta ympäristömuuttuja `ADMIN_PORT`. Esimerkiksi, `ADMIN_PORT=3456`. - Voit määrittää mukautetun päätepisteen ylläpitäjille asettamalla ympäristömuuttujan `ADMIN_ENDPOINT`. Esimerkiksi, `ADMIN_ENDPOINT=https://admin.your-domain.com`. - Voit nyt täysin poistaa ylläpitäjäpäätepisteet käytöstä asettamalla `ADMIN_DISABLE_LOCALHOST=1` ja jättämällä `ADMIN_ENDPOINT` määrittämättä. - Ylläpitäjäkonsolia ja ylläpitäjäkäyttäjädatoja ei pääse käyttämään normaaleiden käyttäjäpäätepisteiden kautta, mukaan lukien `localhost` ja `ENDPOINT` ympäristöstä. - Ylläpitäjäkonsoli ei enää näytä ylläpitäjäkäyttäjien tarkistuslokeja. Nämä lokit ovat kuitenkin edelleen olemassa tietokannassa, ja Logto lisää edelleen ylläpitäjäkäyttäjälokit. Ei vain ole kätevää käyttöliittymää niiden tarkastamiseen. - Tietojen eristämisen vuoksi paneelin numerot voivat hieman laskea (ylläpitäjät eivät kuulu mukaan). - Logto-hallintarajapinnan resurssi-indikaattori muuttui `https://api.logto.io`:sta `https://default.logto.app/api`:ksi.

Jos olet päivittämässä aikaisemmasta versiosta, suorita yksinkertaisesti [tietokannan muutoskomento](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) tavalliseen tapaan, ja me hoidamme loput. Kulissien takana käytämme voimakasta Postgres-ominaisuutta Row-Level Security eristääksemme ylläpitäjä- ja käyttäjädatan. ### CORS-käytäntö - Jos `ADMIN_ENDPOINT` ei ole määritetty, `localhost:[admin-port]` voi suorittaa Cross-Origin Resource Sharing (CORS) Logtossa. - Jos `ADMIN_ENDPOINT` on määritetty, vain `ADMIN_ENDPOINT`-alkuperästä tulevat pyynnöt sallitaan. ## 🔐 Turvallisuuspäivitys Aikaisemmissa versioissa, kun rekisteröitään tai muutetaan salasanoja, kaikki uudet salasanat tallennettiin selväkielisinä Tarkastuslogeihin ennen salattamista ja tietokantaan lisäämistä. Tässä versiossa olemme päivittäneet prosessin peittämään salasanakentät täysin ennen lisäystä Tarkastuslokeihin. Parannetun tietoturvan ja vaatimustenmukaisuuden vuoksi suosittelemme vahvasti kaikkien salasanojen poistamista Tarkastuslokeista tai kaikkien niitä sisältävien lokien poistamista. Jos sinulla on kysymyksiä tämän ongelman tai tietojen poistamisen suhteen, ota rohkeasti yhteyttä sähköpostitse tai Discordin kautta. ## 🧑‍🚀 Ominaisuuspäivitys ### 💡 Älykäs syöte sisäänkirjautumiskokemukseen Olemme yhdistäneet perinteiset syötekentät käyttäjänimen, puhelinnumeron ja sähköpostin osalta yhdeksi älykkääksi syötekentäksi:

Tämä kehittynyt syötekenttä tunnistaa automaattisesti kirjoittamasi merkit, kuten `@`-merkki tai peräkkäiset numerot, ja antaa asiaankuuluvan virhepalautteen. Yksinkertaistamalla sisäänkirjautumisprosessia käyttäjien ei enää tarvitse tuhlata aikaa miettiessään, mitä painiketta painaa vaihtaakseen haluamalleen kirjautumistavalle. Tämä vähentää virheriskiä ja takaa sujuvamman sisäänkirjautumiskokemuksen. ### 🎨 Mukauta CSS:ää sisäänkirjautumiskokemuksessa Olemme tehneet paljon töitä käyttäjien sisäänkirjautumiskokemuksen parantamiseksi ja tarjoamme brändivärivaihtoehdon käyttöliittymän osalta. Tiedämme kuitenkin, että käyttöliittymävaatimusten hienosäätö voi olla arvaamatonta. Vaikka Logto vielä tutkii parhaita vaihtoehtoja mukautukselle, haluamme tarjota ohjelmallisen tavan purkaa kehityksesi estot. Voit nyt käyttää Hallintarajapintaa `PATCH /api/sign-in-exp` keholla `{ "customCss": "mikä tahansa merkkijono" }` asettaaksesi mukautetun CSS:än sisäänkirjautumiskokemusta varten. Sinun pitäisi nähdä sivun `` jälkeen lisättynä `customCss`:n arvo. Jos tyylillä on korkeampi prioriteetti, sen pitäisi pystyä yliaikaan. Esimerkiksi, jos haluat antaa sisäänkirjautumissivullesi **_Night City_** -tunnelman, kokeile tätä CSS:ää: <details> <summary> <b>Laajenna nähdäksesi CSS ja esikatselu</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: 'Tervetuloa Night Cityyn'; 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) _"Meillä on kaupunki poltettavana!"_ </details> <Note> Koska Logto käyttää CSS-moduuleja, saatat nähdä hash-arvoja DOM-elementtien `class`-ominaisuudessa (esim. `<div>`:lla `vUugRG_container`). Ylikirjoittaaksesi nämä, voit käyttää `$=` CSS-valitsinta kohdataksesi elementit, jotka päättyvät tiettyyn arvoon. Tässä tapauksessa sen pitäisi olla `div[class$=container]`. </Note> ### 🔗 Avoimet standardiliitännät paremmalla konfiguraatiokäyttöliittymällä Logto tukee nyt standardiprotokollia (SAML, OIDC ja OAuth 2.0) luodakseen sosiaaliliitännät integroimaan ulkoisia identiteettiä tarjoavia palveluita. Jokainen protokolla voi luoda useita sosiaaliliitäntöjä, mikä antaa sinulle enemmän hallintaa pääsytarpeistasi. Lisäksi optimoimme SAML-liitintä konfiguraatiokäyttöliittymän. Kokeile sitä ja kerro tuntemuksesi! ### 📄 Uusi kieli Lisätty venäjänkielinen käännös. (kunniamaininta [@evist0](https://github.com/evist0)) ## 🎉 Uudet myötävaikuttajat - [@Alanimdeo](https://github.com/Alanimdeo) teki ensimmäisen panoksensa [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) teki ensimmäisen panoksensa [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) teki ensimmäisen panoksensa [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) teki ensimmäisen panoksensa [#3203](https://github.com/logto-io/logto/pull/3203) Kiitos! </article></body></html>