Korunan Uygulamanın arkasındaki hikaye.
Logto'yu Auth0'a açık bir alternatif olarak yapmak oldukça heyecan vericiydi. Dünya kimin kim olduğunu çevrimiçi olarak kontrol etmek için dolu, peki neden bir tane daha ekleyelim? Bu bizim üzerinde yoğunlaştığımız büyük soruydu. Herhangi bir kod yazıcının çok sayıda SDK'yi öğrenmek veya bitmek bilmeyen kod satırları yazmak zorunda kalmadan alıp kullanabileceği bir şey istedik.
İşte büyük haber: Korunan Uygulamayı yaptık. Süper basit - sadece iki yeri doldurun ve bam, uygulamanız kimlik doğrulamayla korunur. Baş ağrısı yok. 🎉
Resmi SDK'larımızı sürdürürken önemli bir sorun fark ettikten sonra Korunan Uygulamayı geliştirmeye başladık: geliştiricilere çok sayıda SDK ve örnek projeler sunmamıza rağmen, entegrasyon süreci zorlu kaldı. Geliştiricilerin çeşitli "token" türlerini öğrenmeleri ve entegre etmeleri için ek kod yazmaları gerekiyordu. Bu, bize bir soru sordurdu: Logto'yu kullanmak, sıfırdan yeni bir kimlik doğrulama sistemi oluşturmak yerine gerçekten daha kolay mı? Ne yazık ki, umduğumuz kadar basit olmadığını fark ettik.
Express SDK'da, geliştiricilere, üç anahtar görevi gerçekleştirmek için ek bir katman olarak ara yazılım eklemelerini öneririz: kimlik doğrulama yollarını işlemek, kimlik doğrulama durumunu kontrol etmek ve kullanıcı bilgilerini istek nesnesine eklemek. Bunu yaparak, geliştiriciler, "SDK entegrasyonunun" ayrıntılarına gerek kalmadan istekten güvenilir bir kimlik doğrulama nesnesine erişebilir. Bu bizi düşündürdü: Geliştiriciler için ön çalışmaları biz yapabilir miydik ve onları doğrudan sonraki adımlara yönlendirebilir miydik?
Resmi tanıtımına göre, [Cloudflare Access] (https://www.cloudflare.com/zero-trust/products/access/), tüm kendiniz barındırdığınız, SaaS veya web olmayan uygulamalar için güvenli bir erişim katmanı oluşturur, uygulamalara herhangi bir kod değişikliği gerektirmez.
Bir CDN sağlayıcısı olarak, Cloudflare, istekleri köken sunucusuna iletmeden önce CDN hizmetine bir kimlik doğrulama katmanı ekleyebilir. Ancak, esas olarak kurumsal iç ürünler için tasarlanmıştır, ücretsiz plan sadece 50 kullanıcıya kadar destekler ve kullanıcı sayısına göre ücret alır.
Cloudflare, geniş bir geliştirici topluluğu tarafından güvenilir ve Korunan Uygulama, Cloudflare Workers'ta çalışır, bu da uygulamanız için ek bir sunucu yönetme konusunda endişeleri ortadan kaldırır. Logto'yu, Express SDK örneğinde gösterdiğimiz şekilde benzer bir şekilde entegre ettik, ancak özelleştirmeyi desteklemek için. Ardından, geliştirilmiş isteği köken sunucunuza iletiriz.
Korunan Uygulama, oturum durumunu ve kullanıcı bilgilerini sürdürür. Bir kullanıcı kimlik doğrulanmamışsa, Korunan Uygulama onları oturum açma sayfasına yönlendirir. Kimlik doğrulandıktan sonra, Korunan Uygulama, kullanıcının isteğini kimlik doğrulama ve kullanıcı bilgileri ile sarar ve bunu köken sunucusuna iletir.
Bu süreç, aşağıdaki akış şemasında görselleştirilmiştir:
%3btext-align:center%3b%7d%23mermaid-0 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .edgeLabel rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-0 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-0 .cluster text%7bfill:%23333%3b%7d%23mermaid-0 .cluster span%7bcolor:%23333%3b%7d%23mermaid-0 div.mermaidTooltip%7bposition:absolute%3btext-align:center%3bmax-width:200px%3bpadding:2px%3bfont-family:arial%2csans-serif%3bfont-size:12px%3bbackground:hsl(80%2c 100%25%2c 96.2745098039%25)%3bborder:1px solid %23aaaa33%3bborder-radius:2px%3bpointer-events:none%3bz-index:100%3b%7d%23mermaid-0 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-0 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-0 .icon-shape%2c%23mermaid-0 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-0 .icon-shape p%2c%23mermaid-0 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-0 .icon-shape rect%2c%23mermaid-0 .image-shape rect%7bopacity:0.5%3bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bfill:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-0 :root%7b--mermaid-font-family:arial%2csans-serif%3b%7d%3c/style%3e%3cg%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointEnd'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 0 L 10 5 L 0 10 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='8' markerWidth='8' markerUnits='userSpaceOnUse' refY='5' refX='4.5' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-pointStart'%3e%3cpath style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 0 5 L 10 10 L 10 0 z'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='11' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleEnd'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5' refX='-1' viewBox='0 0 10 10' class='marker flowchart-v2' id='mermaid-0_flowchart-v2-circleStart'%3e%3ccircle style='stroke-width: 1%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' r='5' cy='5' cx='5'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='12' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossEnd'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cmarker orient='auto' markerHeight='11' markerWidth='11' markerUnits='userSpaceOnUse' refY='5.2' refX='-1' viewBox='0 0 11 11' class='marker cross flowchart-v2' id='mermaid-0_flowchart-v2-crossStart'%3e%3cpath style='stroke-width: 2%3b stroke-dasharray: 1%2c 0%3b' class='arrowMarkerPath' d='M 1%2c1 l 9%2c9 M 10%2c1 l -9%2c9'/%3e%3c/marker%3e%3cg class='root'%3e%3cg class='clusters'/%3e%3cg class='edgePaths'%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_A_B_0' d='M104.672%2c88L111.655%2c88C118.638%2c88%2c132.604%2c88%2c145.904%2c88C159.203%2c88%2c171.836%2c88%2c178.152%2c88L184.469%2c88'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_Durum_1' d='M355.438%2c88L359.604%2c88C363.771%2c88%2c372.104%2c88%2c379.854%2c88.07C387.604%2c88.141%2c394.771%2c88.281%2c398.355%2c88.351L401.938%2c88.422'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Durum_E%c5%9fle%c5%9fti_2' d='M541.873%2c107.036L550.169%2c109.405C558.465%2c111.774%2c575.057%2c116.512%2c589.604%2c118.956C604.151%2c121.401%2c616.654%2c121.551%2c622.905%2c121.627L629.157%2c121.702'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E%c5%9fle%c5%9fti_C_3' d='M779.187%2c102.25L793.508%2c96.75C807.83%2c91.25%2c836.474%2c80.25%2c860.541%2c72.219C884.608%2c64.189%2c904.099%2c59.128%2c913.844%2c56.597L923.589%2c54.067'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E%c5%9fle%c5%9fti_D_4' d='M814.561%2c135.628L822.987%2c136.898C831.413%2c138.168%2c848.265%2c140.709%2c863.377%2c141.98C878.49%2c143.25%2c891.862%2c143.25%2c898.548%2c143.25L905.234%2c143.25'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_Durum_C_5' d='M531.167%2c57L541.247%2c50.833C551.327%2c44.667%2c571.488%2c32.333%2c604.098%2c26.167C636.708%2c20%2c681.768%2c20%2c727.346%2c20C772.924%2c20%2c819.021%2c20%2c851.798%2c21.216C884.575%2c22.431%2c904.034%2c24.863%2c913.763%2c26.078L923.492%2c27.294'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(146.5703125%2c 88)' class='edgeLabel'%3e%3cg transform='translate(-16.8984375%2c -12)' class='label'%3e%3cforeignObject height='24' width='33.796875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3e%c4%b0stek%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg class='edgeLabel'%3e%3cg transform='translate(0%2c 0)' class='label'%3e%3cforeignObject height='0' width='0'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(591.6484375%2c 121.25)' class='edgeLabel'%3e%3cg transform='translate(-16.0078125%2c -12)' class='label'%3e%3cforeignObject height='24' width='32.015625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eEvet%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(865.1171875%2c 69.25)' class='edgeLabel'%3e%3cg transform='translate(-16.0078125%2c -12)' class='label'%3e%3cforeignObject height='24' width='32.015625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eEvet%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(865.1171875%2c 143.25)' class='edgeLabel'%3e%3cg transform='translate(-19.1171875%2c -12)' class='label'%3e%3cforeignObject height='24' width='38.234375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eHay%c4%b1r%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(726.828125%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-19.1171875%2c -12)' class='label'%3e%3cforeignObject height='24' width='38.234375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3eHay%c4%b1r%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(56.3359375%2c 88)' id='flowchart-A-0' class='node default'%3e%3crect height='78' width='96.671875' y='-39' x='-48.3359375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-33.3359375%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='66.671875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eM%c3%bc%c5%9fteri%3cbr /%3e(Taray%c4%b1c%c4%b1)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(271.953125%2c 88)' id='flowchart-B-1' class='node default'%3e%3crect height='78' width='166.96875' y='-39' x='-83.484375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-68.484375%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='136.96875'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLogto%3cbr /%3eKorunan Uygulama%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(478.0390625%2c 88)' id='flowchart-Durum-3' class='node default'%3e%3cpolygon transform='translate(-72.6015625%2c31.5)' class='label-container' points='15.75%2c0 129.453125%2c0 145.203125%2c-31.5 129.453125%2c-63 15.75%2c-63 0%2c-31.5'/%3e%3cg transform='translate(-49.3515625%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='98.703125'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eRota%3cbr /%3ee%c5%9fle%c5%9fiyor mu%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(726.828125%2c 121.25)' id='flowchart-E%c5%9fle%c5%9fti-5' class='node default'%3e%3cpolygon transform='translate(-94.171875%2c19.5)' class='label-container' points='9.75%2c0 178.59375%2c0 188.34375%2c-19.5 178.59375%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-76.921875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='153.84375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eKimlik do%c4%9fruland%c4%b1 m%c4%b1%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(993.1640625%2c 36)' id='flowchart-C-7' class='node default'%3e%3crect height='54' width='131.40625' y='-27' x='-65.703125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-50.703125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='101.40625'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eK%c3%b6ken sunucu%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(993.1640625%2c 143.25)' id='flowchart-D-9' class='node default'%3e%3crect height='54' width='167.859375' y='-27' x='-83.9296875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-68.9296875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='137.859375'%3e%3cdiv style='display: table-cell%3b white-space: nowrap%3b line-height: 1.5%3b max-width: 200px%3b text-align: center%3b' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3eLogto oturum a%c3%a7ma%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/g%3e%3c/svg%3e)
Korunan Uygulamayı kullanmak çarpıcı bir şekilde basittir, yalnızca iki anahtar bilgiye ihtiyaç duyar: kimlik doğrulama gerektiren köken URL'si ve kimlik doğrulama koruma proxy'si olarak işlev gören uygulama alanı. Bu alan ayrıca uygulamanız için açık URL olarak hizmet verir.
![alanlar] (https://logto.io/figure-2.5573a7cb.webp)
Kullanıcı dostu yüzeyinin altında, Korunan Uygulama sağlam OpenID Connect protokolünü kullanır, diğer düzenli Logto uygulamalarının arkasındaki aynı teknoloji. Bu, uygulamanızın sektör düzeyinde güvenlik ve ölçeklenebilirlikten yararlanmasını sağlar, performansı engellemeden verilerinizi ve kullanıcı bilgilerinizi korur.
Ayrıca, Korunan Uygulama geniş özelleştirme seçenekleri sunar. Sitenizin farklı alanları için kimlik doğrulama kurallarını ince ayar yapma ve özel bir alan adı bağlama özgürlüğünüz vardır.
Korunan Uygulamayı benimseyerek, Logto'nun güçlü özelliklerinin geri kalanı otomatik olarak size açılır: özelleştirilebilir oturum açma deneyimi, [çok faktörlü kimlik doğrulama] (https://www.producthunt.com/posts/mfa-by-logto), [kurumsal SSO] (https://www.producthunt.com/posts/enterprise-sso-by-logto), rol tabanlı erişim kontrolü, [kuruluşlar] (https://www.producthunt.com/posts/organizations-by-logto) ve daha fazlası!
Bu hızla gelişen sektörde, tüm yapımcıların muhteşem fikirlerine ve işlerine odaklanmalarını, entegrasyonlar ve teknik engellerle mücadele etmek yerine umuyoruz. Bu, ekibimizin misyonudur ve Logto bunun için tasarlanmıştır. Size büyük fikirlerinizi hayata geçirmede destek olmaya kararlıyız, böylece zamanınızı ve kaynaklarınızı gerçekten önemli olan şeye - vizyonunuza ve kullanıcılarınıza adamış olabilirsiniz.
Korunan Uygulama şimdi [Logto Cloud] (https://logto.io/products/protected-app) 'da mevcut ve yakında açık kaynaklı olacağını duyurmaktan heyecan duyuyoruz.
Bu yolculukta bizimle birlikte olmanızı davet ediyoruz, güvenliği basitleştirerek gerçekten neyin önemli olduğuna odaklanabilirsiniz.
Güvenli kalın, oturum açık kalın! 💻🔐
