Logto-tuotepäivitys: Logto IdP:nä, Protected App ja paljon uusia oppaita
Käytä Logtoa OpenID Connect -identiteettipalveluntarjoajana rakentaaksesi sovellusekosysteemisi; lisää autentikointi kahdella syötteellä Protected Appin avulla; ja uudet oppaat Blazorille, SvelteKitille, Nuxt.js:lle, Expolle (React Native) ja Angularille.
Tästä lähtien voit käyttää Logtoa kolmannen osapuolen OpenID Connect -identiteettipalveluntarjoajana luomalla OIDC-kolmannen osapuolen sovelluksen sovelluksen luomisprosessin aikana.
Tämä mahdollistaa sen, että voit määrittää sovelluksen pyytämät oikeudet ja jokaisen kolmannen osapuolen sovelluksen brändäyksen. Kun käyttäjät kirjautuvat tämän sovelluksen kautta, se pyytää käyttäjän suostumusta:
Tämä ominaisuus on hyödyllinen monissa tilanteissa, kuten kun integroimme kolmannen osapuolen palveluja Logtoon sisäistä identiteetinhallintaa varten, tarjoamme avoimen alustan kehittäjille, jotka luovat kolmannen osapuolen sovelluksia jne. Katso lisätietoja 🌐 Logto identiteettipalveluntarjoajana (IdP).
Protected App on suunniteltu poistamaan SDK-integraatioiden monimutkaisuus erottamalla autentikointikerros sovelluksestasi. Kahdella syötekentällä voit luoda käyttäjillesi turvallisen ja erittäin nopean autentikointikokemuksen.
Tämä prosessi on visualisoitu seuraavassa vuokaaviossa:
Yksi Protected Appin parhaista puolista on, että se käyttää samaa OpenID Connect -protokollaa kuin muut Logto-sovellukset. Kulissien takana sitä käsitellään "perinteisenä web"-sovelluksena, joten se voi saumattomasti siirtyä säännölliseen Logto-sovellukseen tarvittaessa. Katso lisätiedot 🔐 Protected App.
%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='M94.031%2c88L102.275%2c88C110.518%2c88%2c127.005%2c88%2c142.826%2c88C158.646%2c88%2c173.799%2c88%2c181.376%2c88L188.953%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='M323.469%2c88L327.635%2c88C331.802%2c88%2c340.135%2c88%2c347.886%2c88.07C355.636%2c88.141%2c362.803%2c88.281%2c366.386%2c88.351L369.97%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_Yhteensopiva_2' d='M514.358%2c107.097L522.881%2c109.456C531.405%2c111.815%2c548.453%2c116.532%2c563.45%2c118.967C578.448%2c121.401%2c591.396%2c121.552%2c597.87%2c121.628L604.344%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_Yhteensopiva_C_3' d='M739.669%2c102.25L752.742%2c96.75C765.816%2c91.25%2c791.963%2c80.25%2c812.93%2c72.686C833.898%2c65.122%2c849.686%2c60.994%2c857.58%2c58.93L865.474%2c56.865'/%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_Yhteensopiva_D_4' d='M769.539%2c135.203L777.634%2c136.544C785.729%2c137.885%2c801.919%2c140.568%2c816.405%2c141.909C830.891%2c143.25%2c843.672%2c143.25%2c850.063%2c143.25L856.453%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='M503.098%2c57L513.498%2c50.833C523.899%2c44.667%2c544.699%2c32.333%2c576.15%2c26.167C607.602%2c20%2c649.703%2c20%2c691.805%2c20C733.906%2c20%2c776.008%2c20%2c804.936%2c20.991C833.865%2c21.982%2c849.62%2c23.965%2c857.497%2c24.956L865.375%2c25.947'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(143.4921875%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(565.5%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(818.109375%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(818.109375%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(691.8046875%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(51.015625%2c 88)' id='flowchart-A-0' class='node default'%3e%3crect height='78' width='86.03125' y='-39' x='-43.015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-28.015625%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='56.03125'%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(Selain)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(258.2109375%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(448.3125%2c 88)' id='flowchart-Ehto-3' class='node default'%3e%3cpolygon transform='translate(-74.84375%2c31.5)' class='label-container' points='15.75%2c0 133.9375%2c0 149.6875%2c-31.5 133.9375%2c-63 15.75%2c-63 0%2c-31.5'/%3e%3cg transform='translate(-51.59375%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='103.1875'%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 /%3eyhteensopiva%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(691.8046875%2c 121.25)' id='flowchart-Yhteensopiva-5' class='node default'%3e%3cpolygon transform='translate(-83.9609375%2c19.5)' class='label-container' points='9.75%2c0 158.171875%2c0 167.921875%2c-19.5 158.171875%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-66.7109375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='133.421875'%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 autentikoitu%3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(945.2734375%2c 36)' id='flowchart-C-7' class='node default'%3e%3crect height='54' width='151.859375' y='-27' x='-75.9296875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-60.9296875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='121.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%3eAlkupera palvelin%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(945.2734375%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)