Mise à jour du produit Logto : Logto comme IdP, App protégée et beaucoup de nouveaux guides
Utilisez Logto comme fournisseur d'identité OpenID Connect pour créer votre écosystème d'applications ; ajoutez l'authentification avec deux entrées grâce à App protégée ; et de nouveaux guides pour Blazor, SvelteKit, Nuxt.js, Expo (React Native) et Angular.
GaoFounder
Arrêtez de perdre des semaines sur l'authentification des utilisateurs
Lancez des applications sécurisées plus rapidement avec Logto. Intégrez l'authentification des utilisateurs en quelques minutes et concentrez-vous sur votre produit principal.
Désormais, vous pouvez utiliser Logto comme fournisseur d'identité OpenID Connect tiers en créant une application tierce OIDC lors du processus de création d'application.
Cela vous permet de configurer les autorisations que l'application demande et la marque pour chaque application tierce. Lorsque les utilisateurs se connectent via cette application, elle demandera le consentement de l'utilisateur :
Cette fonctionnalité est utile dans de nombreux scénarios, comme l'intégration de services tiers avec Logto pour la gestion des identités internes, la fourniture d'une plateforme ouverte pour les développeurs créant des applications tierces, etc. Consultez 🌐 Logto comme fournisseur d'identité (IdP) pour en savoir plus.
L'App protégée est conçue pour éliminer la complexité des intégrations SDK en séparant la couche d'authentification de votre application. Avec deux champs d'entrée, vous pouvez créer une expérience d'authentification sécurisée et ultra-rapide pour vos utilisateurs.
Ce processus est visualisé dans le schéma de flux suivant :
L'un des meilleurs aspects de l'App protégée est qu'elle utilise le même protocole OpenID Connect que les autres applications Logto. En interne, elle est traitée comme une application "web traditionnelle", elle peut donc facilement passer à une application Logto régulière si nécessaire. Consultez 🔐 App protégée pour plus d'informations.
%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='M126.031%2c88L135.979%2c88C145.927%2c88%2c165.823%2c88%2c185.052%2c88C204.281%2c88%2c222.844%2c88%2c232.125%2c88L241.406%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_Condition_1' d='M371.484%2c88L375.651%2c88C379.818%2c88%2c388.151%2c88%2c395.901%2c88.07C403.651%2c88.141%2c410.818%2c88.281%2c414.402%2c88.351L417.985%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_Condition_Correspondance_2' d='M581.946%2c108.827L589.799%2c110.898C597.651%2c112.968%2c613.357%2c117.109%2c626.869%2c119.254C640.38%2c121.399%2c651.698%2c121.548%2c657.357%2c121.623L663.016%2c121.697'/%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_Correspondance_C_3' d='M784.505%2c102.25L796.328%2c96.75C808.152%2c91.25%2c831.799%2c80.25%2c849.639%2c73.013C867.479%2c65.776%2c879.513%2c62.302%2c885.531%2c60.564L891.548%2c58.827'/%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_Correspondance_D_4' d='M809.715%2c134.852L817.336%2c136.252C824.958%2c137.651%2c840.202%2c140.451%2c853.77%2c141.85C867.339%2c143.25%2c879.232%2c143.25%2c885.178%2c143.25L891.125%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_Condition_C_5' d='M563.8%2c57L574.677%2c50.833C585.554%2c44.667%2c607.308%2c32.333%2c636.865%2c26.167C666.422%2c20%2c703.781%2c20%2c741.512%2c20C779.242%2c20%2c817.344%2c20%2c842.392%2c20.833C867.44%2c21.666%2c879.434%2c23.333%2c885.431%2c24.166L891.429%2c24.999'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(185.71875%2c 88)' class='edgeLabel'%3e%3cg transform='translate(-34.6875%2c -12)' class='label'%3e%3cforeignObject height='24' width='69.375'%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%3eDemande%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(629.0625%2c 121.25)' class='edgeLabel'%3e%3cg transform='translate(-12.453125%2c -12)' class='label'%3e%3cforeignObject height='24' width='24.90625'%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%3eOui%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(855.4453125%2c 69.25)' class='edgeLabel'%3e%3cg transform='translate(-12.453125%2c -12)' class='label'%3e%3cforeignObject height='24' width='24.90625'%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%3eOui%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(855.4453125%2c 143.25)' class='edgeLabel'%3e%3cg transform='translate(-14.6796875%2c -12)' class='label'%3e%3cforeignObject height='24' width='29.359375'%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%3eNon%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(741.140625%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-14.6796875%2c -12)' class='label'%3e%3cforeignObject height='24' width='29.359375'%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%3eNon%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(67.015625%2c 88)' id='flowchart-A-0' class='node default'%3e%3crect height='78' width='118.03125' y='-39' x='-59.015625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-44.015625%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='88.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%3eClient%3cbr /%3e(Navigateur)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(308.4453125%2c 88)' id='flowchart-B-1' class='node default'%3e%3crect height='78' width='126.078125' y='-39' x='-63.0390625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-48.0390625%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='96.078125'%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 /%3eApp prot%c3%a9g%c3%a9e%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(506.546875%2c 88)' id='flowchart-Condition-3' class='node default'%3e%3cpolygon transform='translate(-85.0625%2c31.5)' class='label-container' points='15.75%2c0 154.375%2c0 170.125%2c-31.5 154.375%2c-63 15.75%2c-63 0%2c-31.5'/%3e%3cg transform='translate(-61.8125%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='123.625'%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%3eLa route%3cbr /%3ecorrespond-elle %3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(741.140625%2c 121.25)' id='flowchart-Correspondance-5' class='node default'%3e%3cpolygon transform='translate(-74.625%2c19.5)' class='label-container' points='9.75%2c0 139.5%2c0 149.25%2c-19.5 139.5%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-57.375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='114.75'%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%3eEst authentifi%c3%a9 %3f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(970.6171875%2c 36)' id='flowchart-C-7' class='node default'%3e%3crect height='54' width='150.453125' y='-27' x='-75.2265625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-60.2265625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='120.453125'%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%3eServeur d'origine%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(970.6171875%2c 143.25)' id='flowchart-D-9' class='node default'%3e%3crect height='54' width='150.984375' y='-27' x='-75.4921875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-60.4921875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='120.984375'%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%3eConnexion Logto%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)