Tarina Protected App -sovelluksen takana.
Logton tekeminen avoimeksi vaihtoehdoksi Auth0:lle on ollut melkoinen matka. Maailma on täynnä tapoja tarkistaa, kuka on kuka verkossa, joten miksi lisätä vielä yksi? Tämä on suuri kysymys, jota pohdimme. Halusimme jotain, mitä jokainen koodari voisi käyttää ilman, että heidän tarvitsisi oppia joukoittain SDK:ita tai kirjoittaa loputtomasti koodia.
Tässä on siis suuria uutisia: Loimme Protected App -sovelluksen. Se on erittäin yksinkertainen - täytä vain kaksi kohtaa ja bam, sovelluksesi on suojattu todennuksella. Ei päänsärkyä. 🎉
Aloimme kehittää Protected Appia huomatessamme merkittävän ongelman virallisia SDK:itamme ylläpitäessämme: huolimatta siitä, että tarjosimme lukuisia SDK:ita ja esimerkkiprojekteja kehittäjille, integrointiprosessi pysyi haastavana. Kehittäjien piti oppia erilaisista "tokeneista" ja kirjoittaa lisäkoodia niitä integroidessaan. Tämä sai meidät kysymään: Onko Logton käyttö todella helpompaa kuin uuden todennusjärjestelmän rakentaminen tyhjästä? Valitettavasti tajusimme, ettei se ollut niin yksinkertaista kuin olimme toivoneet.
Express SDK:ssa neuvomme kehittäjiä lisäämään väliohjelmiston lisäkerrokseksi suorittamaan kolme keskeistä tehtävää: käsittelemään todennusreittejä, tarkistamaan todennustila ja lisäämään käyttäjätiedot pyyntöobjektiin. Näin tehdessään kehittäjät voivat käyttää luotettavaa todennusobjektia pyynnöstä ilman, että heidän tarvitsee ymmärtää "SDK:n integroinnin" hienouksia. Tämä sai meidät miettimään: Voisimmeko hoitaa kehittäjien ensisijaiset tehtävät ja johtaa heidät suoraan seuraaviin vaiheisiin?
Virallisen esittelyn mukaan Cloudflare Access luo turvallisen pääsykerroksen kaikille itseisännöidyille, SaaS- tai muille kuin verkkosovelluksille ilman, että sovelluksille tarvitaan koodimuutoksia.
CDN-palveluntarjoajana Cloudflare voi lisätä todennuskerroksen CDN-palveluunsa ennen pyyntöjen ohjaamista alkuperäpalvelimelle. Se on kuitenkin ensisijaisesti suunniteltu yrityksen sisäisille tuotteille, ilmaisella suunnitelmalla tukien vain enintään 50 käyttäjää ja veloittaen käyttäjämäärän perusteella.
Cloudflareen luottaa laaja kehittäjäyhteisö, ja Protected App toimii Cloudflare Workersilla, mikä poistaa huolen ylimääräisen palvelimen hallinnasta sovelluksellesi. Integroimme Logton samalla tavalla kuin osoitimme Express SDK -esimerkissä, mutta lisättyinä mukautustuki. Sitten ohjaamme parannetun pyynnön alkuperäpalvelimellesi.
Protected App ylläpitää istuntotilaa ja käyttäjätietoja. Jos käyttäjä ei ole todennettu, Protected App ohjaa hänet kirjautumissivulle. Kun todennus on suoritettu, Protected App liittää käyttäjän pyynnön todennuksella ja käyttäjätiedoilla, sitten ohjaa sen alkuperäpalvelimelle.
Tämä prosessi on visualisoitu seuraavassa vuokaaviossa:
%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='M122.469%2c88L130.712%2c88C138.956%2c88%2c155.443%2c88%2c171.263%2c88C187.083%2c88%2c202.237%2c88%2c209.814%2c88L217.391%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_Ehto_1' d='M351.906%2c88L356.073%2c88C360.24%2c88%2c368.573%2c88%2c376.323%2c88.07C384.073%2c88.141%2c391.24%2c88.281%2c394.824%2c88.351L398.407%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_Ehto_Osuma_2' d='M497.221%2c103.965L505.484%2c106.845C513.746%2c109.726%2c530.272%2c115.488%2c545.008%2c118.445C559.745%2c121.401%2c572.693%2c121.552%2c579.167%2c121.628L585.641%2c121.703'/%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_Osuma_C_3' d='M716.701%2c102.25L729.451%2c96.75C742.202%2c91.25%2c767.702%2c80.25%2c788.718%2c72.589C809.733%2c64.928%2c826.264%2c60.606%2c834.529%2c58.444L842.794%2c56.283'/%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_Osuma_D_4' d='M744.732%2c135.005L752.81%2c136.379C760.889%2c137.754%2c777.046%2c140.502%2c791.515%2c141.876C805.984%2c143.25%2c818.766%2c143.25%2c825.156%2c143.25L831.547%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_Ehto_C_5' d='M491.293%2c61.179L500.543%2c54.316C509.794%2c47.453%2c528.296%2c33.726%2c558.08%2c26.863C587.865%2c20%2c628.932%2c20%2c670%2c20C711.068%2c20%2c752.135%2c20%2c780.918%2c21.038C809.701%2c22.076%2c826.198%2c24.151%2c834.447%2c25.189L842.695%2c26.227'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(171.9296875%2c 88)' class='edgeLabel'%3e%3cg transform='translate(-24.4609375%2c -12)' class='label'%3e%3cforeignObject height='24' width='48.921875'%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%3ePyynt%c3%b6%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(546.796875%2c 121.25)' class='edgeLabel'%3e%3cg transform='translate(-17.34375%2c -12)' class='label'%3e%3cforeignObject height='24' width='34.6875'%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%3eKyll%c3%a4%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(793.203125%2c 69.25)' class='edgeLabel'%3e%3cg transform='translate(-17.34375%2c -12)' class='label'%3e%3cforeignObject height='24' width='34.6875'%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%3eKyll%c3%a4%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(793.203125%2c 143.25)' class='edgeLabel'%3e%3cg transform='translate(-7.1171875%2c -12)' class='label'%3e%3cforeignObject height='24' width='14.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%3eEi%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(670%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-7.1171875%2c -12)' class='label'%3e%3cforeignObject height='24' width='14.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%3eEi%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(65.234375%2c 88)' id='flowchart-A-0' class='node default'%3e%3crect height='78' width='114.46875' y='-39' x='-57.234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-42.234375%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='84.46875'%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%3eAsiakas%3cbr /%3e(Selaimella)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(286.6484375%2c 88)' id='flowchart-B-1' class='node default'%3e%3crect height='78' width='130.515625' y='-39' x='-65.2578125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-50.2578125%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='100.515625'%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 /%3eProtected App%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(453.1796875%2c 88)' id='flowchart-Ehto-3' class='node default'%3e%3cpolygon transform='translate(-51.2734375%2c31.5)' class='label-container' points='15.75%2c0 86.796875%2c0 102.546875%2c-31.5 86.796875%2c-63 15.75%2c-63 0%2c-31.5'/%3e%3cg transform='translate(-28.0234375%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='56.046875'%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%3eReitti%3cbr /%3evastaa%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(670%2c 121.25)' id='flowchart-Osuma-5' class='node default'%3e%3cpolygon transform='translate(-80.859375%2c19.5)' class='label-container' points='9.75%2c0 151.96875%2c0 161.71875%2c-19.5 151.96875%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-63.609375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='127.21875'%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%3eOnko todennettu%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(920.3671875%2c 36)' id='flowchart-C-7' class='node default'%3e%3crect height='54' width='147.40625' y='-27' x='-73.703125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-58.703125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='117.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%3eAlkuper%c3%a4palvelin%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(920.3671875%2c 143.25)' id='flowchart-D-9' class='node default'%3e%3crect height='54' width='169.640625' y='-27' x='-84.8203125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-69.8203125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='139.640625'%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 kirjautuminen%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)
Protected Appin käyttö on hämmästyttävän yksinkertaista, ja se vaatii vain kaksi keskeistä tietoa: alkuperäinen URL, joka vaatii todennuksen, ja sovelluksen toimialue, joka toimii todennuksen suojausproksina. Tämä toimialue toimii myös sovelluksesi avoimena URL-osoitteena.
Sen käyttäjäystävällisen pinnan alla Protected App käyttää vankkaa OpenID Connect -protokollaa, samaa teknologiaa, jota muut tavalliset Logto-sovellukset käyttävät. Tämä varmistaa, että sovelluksesi hyötyy teollisuustason turvallisuudesta ja skaalautuvuudesta, suojaten tietosi ja käyttäjätietosi ilman suorituskyvyn heikentymistä.
Lisäksi Protected App tarjoaa laajoja mukautusvaihtoehtoja. Voit hienosäätää todennussääntöjä eri sivustojesi alueille ja sitoa mukautetun toimialueen.
Ottamalla käyttöön Protected App, muu voimakas Logton ominaisuus avautuu sinulle automaattisesti: mukautettava kirjautumiskokemus, monivaiheinen todennus, yrityksen SSO, roolipohjainen pääsynhallinta, organisaatiot ja paljon muuta!
Tässä nopeasti kehittyvässä teollisuudessa toivomme, että kaikki rakentajat voivat keskittyä upeisiin ideoihinsa ja yrityksiinsä sen sijaan, että taistelisivat integraatioiden ja teknisten esteiden kanssa. Tämä on tiimimme tehtävä, ja tätä varten Logto on suunniteltu. Olemme sitoutuneet tukemaan sinua loistavien ideoidesi toteuttamisessa varmistaen, että voit omistaa aikasi ja resurssisi sille, mikä todella merkitsee - visiollesi ja käyttäjillesi.
Protected App on nyt saatavilla Logto Cloudissa, ja olemme innostuneita ilmoittamaan, että se tullaan avaamaan lähdekoodimuotoon pian.
Kutsumme sinut liittymään tälle matkalle kanssamme, yksinkertaistamaan turvallisuutta, jotta voit keskittyä siihen, mikä todella merkitsee.
Pysy turvassa, pysy kirjautuneena! 💻🔐