`'inden sonra eklenmiş olarak görmelisiniz. Stil daha yüksek bir önceliğe sahipse, onu geçebilir. Örneğin, oturum açma sayfanıza **_Gece Şehri_** havası vermek istiyorsanız, şu CSS'yi deneyin: <details> <summary> <b>CSS ve önizlemeyi genişletmek için tıklayın</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) _"Yakacak bir şehrimiz var!"_ </details> <Note> Logto, CSS Modülleri kullandığı için, DOM elemanlarının `class` özelliğinde bir karma değer görebilirsiniz (örneğin, `vUugRG_container` ile bir `<div>`). Bunları geçersiz kılmak için, sonu belirli bir değere sahip olan elemanları eşleştirmek için `$=` CSS seçicisini kullanabilirsiniz. Bu durumda, `div[class$=container]` olmalıdır. </Note> ### 🔗 Gelişmiş yapılandırma arayüzü ile açık standart konektörler Logto artık harici kimlik sağlayıcılarla entegrasyon sağlamak için sosyal konektörler oluşturmak amacıyla standart protokolleri (SAML, OIDC ve OAuth 2.0) destekliyor. Her protokol, erişim ihtiyaçlarınızı daha fazla kontrol etmenize olanak sağlayarak birden fazla sosyal konektör oluşturabilir. Ayrıca, SAML konektörleri için yapılandırma arayüzünü optimize ettik. Deneyin ve geri bildirimlerinizi bize iletin! ### 📄 Yeni dil Rusça çeviri eklendi. (kredi [@evist0](https://github.com/evist0)) ## 🎉 Yeni Katkıda Bulunanlar - [@Alanimdeo](https://github.com/Alanimdeo) ilk katkısını yaptı [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) ilk katkısını yaptı [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) ilk katkısını yaptı [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) ilk katkısını yaptı [#3203](https://github.com/logto-io/logto/pull/3203) Teşekkürler! </article></body></html>

Logto Cloud henüz yapım aşamasındayken, size bazı yeni özelliklerimizi tanıtmak istiyoruz, Logto OSS. Bu, genel kullanıma sunulmadan önceki son sürüm olacak. Dikkate değer güncellemeler şunlardır: - Yeniden yapılandırılmış altyapı ve geliştirilmiş güvenlik - Akıllı Giriş ve Özelleştirilmiş CSS Eklendi Oturum Açma Deneyimi'ne - Açık standart konektörler (SAML, OIDC ve OAuth 2.0) - Yeni dil desteği İçeriğe bir göz atalım! ## 💥 RADİKAL DEĞİŞİKLİKLER 💥 ### Normal kullanıcılar ve yöneticiler ayrıştırıldı Logto, hem normal kullanıcılar hem de yöneticiler için ve web konsolu için tek bir port kullanıyordu. Güvenlik seviyemizi sürekli olarak yüksek tutarken, bu bileşenleri iki ayrı parçaya ayırmak, verilerin izole edilmesini ve esnek bir altyapı sağlanmasını kolaylaştıracaktır. ![image1](https://user-images.githubusercontent.com/14722250/221365507-6f20a804-1059-4933-9b88-df1244ab900b.png) Bu sürümden itibaren, Logto varsayılan olarak iki port dinler, biri normal kullanıcılar için (`3001`), diğeri yöneticiler için (`3002`).

‼️ Detayları genişletmek için tıklayın

- Normal kullanıcılar için hiçbir şey değişmedi. Herhangi bir uyum sağlanması gerekmiyor. - Yönetici kullanıcılar için: - Varsayılan Yönetici Konsolu URL'si `http://localhost:3002/console` olarak değiştirildi. - Yönetici portunu değiştirmek için, `ADMIN_PORT` çevre değişkenini ayarlayın. Örneğin, `ADMIN_PORT=3456`. - Yönetici için özel bir uç nokta belirlemek için `ADMIN_ENDPOINT` çevre değişkenini ayarlayabilirsiniz. Örneğin, `ADMIN_ENDPOINT=https://admin.your-domain.com`. - Artık yönetici uç noktalarını tamamen devre dışı bırakabilirsiniz, `ADMIN_DISABLE_LOCALHOST=1` ayarlayıp `ADMIN_ENDPOINT` ayarlanmamış bırakın. - Yönetici Konsolu ve yönetici kullanıcı verileri, çevre değişkenlerinden `localhost` ve `ENDPOINT` dahil olmak üzere normal kullanıcı uç noktalarından erişilemez. - Yönetici Konsolu artık yönetici kullanıcıların denetim günlüklerini görüntülemez. Ancak, bu kayıtlar hala veritabanında mevcut ve Logto hala yönetici kullanıcı günlüklerini ekler. Sadece onları incelemek için uygun bir arayüz yoktur. - Veri izolasyonu nedeniyle, kontrol panelindeki sayılar biraz düşebilir (yöneticiler hariç tutulur). - Logto Yönetim API'si için Kaynak Göstergesi `https://api.logto.io`'dan `https://default.logto.app/api`'ye değiştirildi.

Önceki bir sürümden yükseltiyorsanız, her zaman olduğu gibi [veritabanı değiştirme komutunu](https://docs.logto.io/docs/tutorials/using-cli/database-alteration) çalıştırmanız yeterlidir, gerisini biz hallederiz. Görünmeyen bir şekilde, admin ve kullanıcı verilerini izole etmek için güçlü Postgres özelliği Satır Düzeyi Güvenlik kullanıyoruz. ### CORS politikası - `ADMIN_ENDPOINT` belirtilmemişse, Logto içinde `localhost:[admin-port]` Çapraz Kaynak Paylaşımı (CORS) yapmasına izin verilir. - `ADMIN_ENDPOINT` belirtilmişse, yalnızca `ADMIN_ENDPOINT` menşeli istekler kabul edilir. ## 🔐 Güvenlik güncellemesi Önceki sürümlerde, şifreler kaydedildiğinde veya değiştirildiğinde, tüm yeni şifreler veritabanına şifrelenerek yerleştirilmeden önce Düz Metin halinde Denetim Günlüklerine kaydedildi. Bu sürümde, Denetim Günlüklerine eklenmeden önce şifre alanlarını tamamen maskelemek için süreci güncelledik. Gelişmiş güvenlik ve uyumluluk için, Denetim Günlüklerinden tüm şifreleri kaldırmanızı veya şifre içeren tüm günlükleri silmenizi önemle tavsiye ederiz. Bu konuyla ilgili herhangi bir sorunuz veya veri kaldırma konularından biriyle ilgili sorularınız varsa, lütfen e-posta veya Discord üzerinden bizimle iletişime geçmekten çekinmeyin. ## 🧑‍🚀 Özellik güncellemesi ### 💡 Oturum Açma Deneyimi için Akıllı Giriş Kullanıcı adı, telefon numarası ve e-posta için geleneksel giriş alanlarını tek bir akıllı giriş kutusunda birleştirdik:

Bu gelişmiş giriş kutusu, girdiğiniz karakter türlerini otomatik olarak tanımlar, örneğin `@` işareti veya ardışık sayılar ve ilgili hata geri bildirimini sağlar. Oturum açma sürecini kolaylaştırarak, kullanıcılar hangi giriş yöntemini seçmek için hangi düğmeyi tıklamaları gerektiğini anlamak için zaman kaybetmez. Bu, hata riskini azaltır ve daha düzgün bir oturum açma deneyimi sağlar. ### 🎨 Oturum Açma Deneyiminde CSS Özelleştirme Kullanıcı oturum açma deneyimini geliştirmek için çok çalıştık ve kullanıcı arayüzü için bir marka rengi seçeneği sağladık. Ancak, kullanıcı arayüzü gereksinimlerini hassas bir şekilde ayarlamanın tahmin edilemez olabileceğini biliyoruz. Logto hala özelleştirme için en iyi seçenekleri keşfederken, geliştirmelerinizi önlemenin programatik bir yolunu sunmak istiyoruz. Artık oturum açma deneyimi için özelleştirilmiş CSS ayarlamak amacıyla, Management API'yi `PATCH /api/sign-in-exp` ile `{ "customCss": "keyfi dize" }` gövdesiyle kullanabilirsiniz. `customCss` değerini sayfanın ``'inden sonra eklenmiş olarak görmelisiniz. Stil daha yüksek bir önceliğe sahipse, onu geçebilir. Örneğin, oturum açma sayfanıza **_Gece Şehri_** havası vermek istiyorsanız, şu CSS'yi deneyin: <details> <summary> <b>CSS ve önizlemeyi genişletmek için tıklayın</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) _"Yakacak bir şehrimiz var!"_ </details> <Note> Logto, CSS Modülleri kullandığı için, DOM elemanlarının `class` özelliğinde bir karma değer görebilirsiniz (örneğin, `vUugRG_container` ile bir `<div>`). Bunları geçersiz kılmak için, sonu belirli bir değere sahip olan elemanları eşleştirmek için `$=` CSS seçicisini kullanabilirsiniz. Bu durumda, `div[class$=container]` olmalıdır. </Note> ### 🔗 Gelişmiş yapılandırma arayüzü ile açık standart konektörler Logto artık harici kimlik sağlayıcılarla entegrasyon sağlamak için sosyal konektörler oluşturmak amacıyla standart protokolleri (SAML, OIDC ve OAuth 2.0) destekliyor. Her protokol, erişim ihtiyaçlarınızı daha fazla kontrol etmenize olanak sağlayarak birden fazla sosyal konektör oluşturabilir. Ayrıca, SAML konektörleri için yapılandırma arayüzünü optimize ettik. Deneyin ve geri bildirimlerinizi bize iletin! ### 📄 Yeni dil Rusça çeviri eklendi. (kredi [@evist0](https://github.com/evist0)) ## 🎉 Yeni Katkıda Bulunanlar - [@Alanimdeo](https://github.com/Alanimdeo) ilk katkısını yaptı [#3064](https://github.com/logto-io/logto/pull/3064) - [@gadkins](https://github.com/gadkins) ilk katkısını yaptı [#3032](https://github.com/logto-io/logto/pull/3032) - [@evist0](https://github.com/evist0) ilk katkısını yaptı [#3158](https://github.com/logto-io/logto/pull/3158) - [@muratgozel](https://github.com/muratgozel) ilk katkısını yaptı [#3203](https://github.com/logto-io/logto/pull/3203) Teşekkürler! </article></body></html>