استخدم Logto كمزود هوية OpenID Connect لبناء نظام تطبيقاتك؛ أضف المصادقة باستخدام اثنين من المدخلات مع التطبيق المحمي؛ وأدلة جديدة لـ Blazor وSvelteKit وNuxt.js وExpo (React Native) وAngular.
من الآن، يمكنك استخدام Logto كمزود هوية OpenID Connect من طرف ثالث عن طريق إنشاء تطبيق طرف ثالث OIDC أثناء عملية إنشاء التطبيق.
هذا يمكّنك من تكوين الأذونات التي يطلبها التطبيق والعلامة التجارية لكل تطبيق طرف ثالث. عندما يسجل المستخدمون الدخول عبر هذا التطبيق، سيطلب منهم الموافقة:
هذه الميزة مفيدة لعدة سيناريوهات، مثل دمج الخدمات الخارجية مع Logto لإدارة الهوية الداخلية، توفير منصة مفتوحة للمطورين الذين يقومون بإنشاء تطبيقات طرف ثالث، إلخ. انظر 🌐 Logto كمزود هوية (IdP) لتعلم المزيد.
تم تصميم التطبيق المحمي للتخلص من تعقيد تكاملات SDK عن طريق فصل طبقة المصادقة عن تطبيقك. مع وجود حقلين للإدخال، يمكنك إنشاء تجربة مصادقة آمنة وسريعة للغاية لمستخدميك.
يتم تصور هذه العملية في مخطط الانسياب التالي:
%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.359%2c88L101.339%2c88C108.318%2c88%2c122.276%2c88%2c135.568%2c88C148.859%2c88%2c161.484%2c88%2c167.797%2c88L174.109%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='M294.625%2c88L298.792%2c88C302.958%2c88%2c311.292%2c88%2c319.042%2c88.07C326.792%2c88.141%2c333.959%2c88.281%2c337.542%2c88.351L341.126%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_Matched_2' d='M448.346%2c105.558L455.753%2c108.173C463.16%2c110.789%2c477.975%2c116.019%2c490.868%2c118.709C503.761%2c121.399%2c514.732%2c121.547%2c520.218%2c121.622L525.703%2c121.696'/%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_Matched_C_3' d='M636.858%2c102.25L647.652%2c96.75C658.445%2c91.25%2c680.031%2c80.25%2c699.589%2c72.266C719.147%2c64.283%2c736.677%2c59.315%2c745.441%2c56.831L754.206%2c54.348'/%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_Matched_D_4' d='M659.222%2c134.712L666.288%2c136.135C673.354%2c137.558%2c687.485%2c140.404%2c699.954%2c141.827C712.422%2c143.25%2c723.227%2c143.25%2c728.629%2c143.25L734.031%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='M441.832%2c58.414L450.325%2c52.012C458.818%2c45.61%2c475.803%2c32.805%2c501.699%2c26.402C527.594%2c20%2c562.398%2c20%2c597.203%2c20C632.008%2c20%2c666.813%2c20%2c692.961%2c21.193C719.109%2c22.385%2c736.6%2c24.77%2c745.346%2c25.963L754.091%2c27.155'/%3e%3c/g%3e%3cg class='edgeLabels'%3e%3cg transform='translate(136.234375%2c 88)' class='edgeLabel'%3e%3cg transform='translate(-16.875%2c -12)' class='label'%3e%3cforeignObject height='24' width='33.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' class='labelBkg' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='edgeLabel'%3e%3cp%3e%d8%b7%d9%84%d8%a8%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(492.7890625%2c 121.25)' class='edgeLabel'%3e%3cg transform='translate(-11.4140625%2c -12)' class='label'%3e%3cforeignObject height='24' width='22.828125'%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%d9%86%d8%b9%d9%85%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(701.6171875%2c 69.25)' class='edgeLabel'%3e%3cg transform='translate(-11.4140625%2c -12)' class='label'%3e%3cforeignObject height='24' width='22.828125'%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%d9%86%d8%b9%d9%85%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(701.6171875%2c 143.25)' class='edgeLabel'%3e%3cg transform='translate(-4.5625%2c -12)' class='label'%3e%3cforeignObject height='24' width='9.125'%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%d9%84%d8%a7%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(597.203125%2c 20)' class='edgeLabel'%3e%3cg transform='translate(-4.5625%2c -12)' class='label'%3e%3cforeignObject height='24' width='9.125'%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%d9%84%d8%a7%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.1796875%2c 88)' id='flowchart-A-0' class='node default'%3e%3crect height='78' width='86.359375' y='-39' x='-43.1796875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-28.1796875%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='56.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3e%d8%b9%d9%85%d9%8a%d9%84%3cbr /%3e(%d9%85%d8%aa%d8%b5%d9%81%d8%ad)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(236.3671875%2c 88)' id='flowchart-B-1' class='node default'%3e%3crect height='78' width='116.515625' y='-39' x='-58.2578125' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-43.2578125%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='86.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 /%3e%d8%aa%d8%b7%d8%a8%d9%8a%d9%82 %d9%85%d8%ad%d9%85%d9%8a%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(400.5%2c 88)' id='flowchart-Condition-3' class='node default'%3e%3cpolygon transform='translate(-55.875%2c31.5)' class='label-container' points='15.75%2c0 96%2c0 111.75%2c-31.5 96%2c-63 15.75%2c-63 0%2c-31.5'/%3e%3cg transform='translate(-32.625%2c -24)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='48' width='65.25'%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%3e%d9%87%d9%84 %d8%aa%d8%b7%d8%a7%d8%a8%d9%82%3cbr /%3e%d8%a7%d9%84%d9%85%d8%b3%d8%a7%d8%b1%d8%9f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(597.203125%2c 121.25)' id='flowchart-Matched-5' class='node default'%3e%3cpolygon transform='translate(-68%2c19.5)' class='label-container' points='9.75%2c0 126.25%2c0 136%2c-19.5 126.25%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-50.75%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='101.5'%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%3e%d9%87%d9%84 %d9%87%d9%88 %d9%85%d8%b5%d8%a7%d8%af%d9%82%d8%9f%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(818.953125%2c 36)' id='flowchart-C-7' class='node default'%3e%3crect height='54' width='121.796875' y='-27' x='-60.8984375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-45.8984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='91.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' xmlns='http://www.w3.org/1999/xhtml'%3e%3cspan class='nodeLabel'%3e%3cp%3e%d8%a7%d9%84%d8%ae%d8%a7%d8%af%d9%85 %d8%a7%d9%84%d8%a3%d8%b5%d9%84%d9%8a%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(818.953125%2c 143.25)' id='flowchart-D-9' class='node default'%3e%3crect height='54' width='161.84375' y='-27' x='-80.921875' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-65.921875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='131.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%3e%d8%aa%d8%b3%d8%ac%d9%8a%d9%84 %d8%af%d8%ae%d9%88%d9%84 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)
أحد أفضل أجزاء التطبيق المحمي هو أنه يستخدم نفس بروتوكول OpenID Connect مثل تطبيقات Logto الأخرى. في الإطار العملي، يتم التعامل معه كتطبيق ويب "تقليدي"، لذا يمكنه الانتقال بسلاسة إلى تطبيق Logto عادي عند الحاجة. انظر 🔐 التطبيق المحمي لمزيد من المعلومات.
سيتم فتح مصدر التطبيق المحمي قريبًا.
لقد أضفنا الكثير من الأدلة الجديدة لإطارات العمل والمكتبات المختلفة:
يرجى الاطلاع عليها وإعلامنا إذا كان لديك أي ملاحظات أو اقتراحات!
نحن نعمل على الميزات التالية: