한국어
싱글 사인온(SSO)이 더 나은 이유
싱글 사인온(SSO)은 인증 모델을 단순화하고 모든 앱의 사용자 경험을 개선하는 훌륭한 방법입니다. 그 이유는 다음과 같습니다.
Gao
Founder
Founder
싱글 사인온(SSO)은 인증 모델을 단순화하고 모든 앱의 사용자 경험을 개선하는 훌륭한 방법입니다. 그 이유는 다음과 같습니다.
싱글 사인온(SSO)은 사용자가 한 번 인증하고 여러 응용 프로그램에 액세스할 수 있도록 하는 기술입니다. 만약 당신이 하나의 응용 프로그램만 가지고 있다면, 이것은 지나치게 복잡하다고 생각할 수 있습니다. 그러나 처음부터 SSO를 도입하면 많은 골칫거리를 피할 수 있으며, SSO 구현은 생각보다 쉽습니다.
시작하기 전에 두 가지 유형의 SSO가 있음을 언급해야 합니다:
SSO의 가장 분명한 장점은 인증 모델을 단순화한다는 것입니다. 온라인 상점으로 시작한다고 가정하면 초기 인증 모델은 간단합니다:
%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='M116.047%2c41.237L120.214%2c40.71C124.38%2c40.183%2c132.714%2c39.128%2c140.387%2c39.104C148.06%2c39.08%2c155.074%2c40.086%2c158.581%2c40.588L162.087%2c41.091'/%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_A_1' d='M166.047%2c54.488L161.88%2c55.086C157.714%2c55.684%2c149.38%2c56.879%2c141.708%2c57.033C134.036%2c57.187%2c127.026%2c56.299%2c123.521%2c55.856L120.015%2c55.412'/%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_C_2' d='M255.5%2c48.074L259.667%2c48.074C263.833%2c48.074%2c272.167%2c48.074%2c279.833%2c48.074C287.5%2c48.074%2c294.5%2c48.074%2c298%2c48.074L301.5%2c48.074'/%3e%3c/g%3e%3cg class='edgeLabels'%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 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 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%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(62.0234375%2c 48.073795318603516)' id='flowchart-A-0' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-39.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.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%3e%ec%98%a8%eb%9d%bc%ec%9d%b8 %ec%83%81%ec%a0%90%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(210.7734375%2c 48.073795318603516)' id='flowchart-B-1' class='node default'%3e%3crect height='54' width='89.453125' y='-27' x='-44.7265625' style='' class='basic label-container'/%3e%3cg transform='translate(-14.7265625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='29.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%3e%ec%9d%b8%ec%a6%9d%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(381.46875%2c 48.073795318603516)' id='flowchart-C-5' class='node default'%3e%3cpath transform='translate(-75.96875%2c -40.073798239675014)' style='' class='basic label-container' d='M0%2c13.715865493116677 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 a75.96875%2c13.715865493116677 0%2c0%2c0 -151.9375%2c0 l0%2c52.71586549311668 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 l0%2c-52.71586549311668'/%3e%3cg transform='translate(-68.46875%2c -2)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='136.9375'%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%ec%82%ac%ec%9a%a9%ec%9e%90 %eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4%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)
비즈니스가 성장함에 따라 상점 주인이 자신의 상점을 관리할 수 있도록 상점 관리 앱을 추가하기로 결정했습니다. 이제 두 개의 응용 프로그램이 사용자 인증을 필요로 합니다.
다음은 선택할 수 있는 몇 가지 선택사항입니다:
1. 상점 관리 앱을 위한 별도의 사용자 데이터베이스를 생성할 수 있습니다.
%3btext-align:center%3b%7d%23mermaid-1 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-1 .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-1 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-1 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-1 .cluster text%7bfill:%23333%3b%7d%23mermaid-1 .cluster span%7bcolor:%23333%3b%7d%23mermaid-1 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-1 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-1 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-1 .icon-shape%2c%23mermaid-1 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-1 .icon-shape p%2c%23mermaid-1 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-1 .icon-shape rect%2c%23mermaid-1 .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-1 :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-1_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-1_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-1_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-1_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-1_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-1_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-1_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='M116.047%2c42.011L120.214%2c41.483C124.38%2c40.956%2c132.714%2c39.901%2c140.386%2c39.833C148.058%2c39.765%2c155.069%2c40.682%2c158.575%2c41.141L162.081%2c41.6'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_A_1' d='M180.509%2c75.847L173.932%2c80.655C167.355%2c85.463%2c154.201%2c95.078%2c141.365%2c95.463C128.53%2c95.848%2c116.012%2c87.002%2c109.754%2c82.579L103.495%2c78.155'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_2' d='M268.844%2c48.847L273.01%2c48.847C277.177%2c48.847%2c285.51%2c48.847%2c293.177%2c48.847C300.844%2c48.847%2c307.844%2c48.847%2c311.344%2c48.847L314.844%2c48.847'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_D_E_3' d='M100.228%2c153.541L107.032%2c148.733C113.835%2c143.925%2c127.441%2c134.31%2c140.283%2c133.916C153.125%2c133.523%2c165.202%2c142.352%2c171.241%2c146.766L177.28%2c151.18'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E_D_4' d='M166.047%2c187.269L161.88%2c187.814C157.714%2c188.359%2c149.38%2c189.45%2c140.482%2c189.397C131.583%2c189.343%2c122.12%2c188.146%2c117.388%2c187.547L112.656%2c186.948'/%3e%3cpath marker-end='url(%23mermaid-1_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E_F_5' d='M268.844%2c180.541L273.01%2c180.541C277.177%2c180.541%2c285.51%2c180.541%2c293.177%2c180.541C300.844%2c180.541%2c307.844%2c180.541%2c311.344%2c180.541L314.844%2c180.541'/%3e%3c/g%3e%3cg class='edgeLabels'%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 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 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 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 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 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%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(62.0234375%2c 48.846954345703125)' id='flowchart-A-6' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-39.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.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%3e%ec%98%a8%eb%9d%bc%ec%9d%b8 %ec%83%81%ec%a0%90%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(217.4453125%2c 48.846954345703125)' id='flowchart-B-7' class='node default'%3e%3crect height='54' width='102.796875' y='-27' x='-51.3984375' style='' class='basic label-container'/%3e%3cg transform='translate(-21.3984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='42.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%ec%9d%b8%ec%a6%9d 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(401.484375%2c 48.846954345703125)' id='flowchart-C-11' class='node default'%3e%3cpath transform='translate(-82.640625%2c -40.8518678006244)' style='' class='basic label-container' d='M0%2c14.234578533749596 a82.640625%2c14.234578533749596 0%2c0%2c0 165.28125%2c0 a82.640625%2c14.234578533749596 0%2c0%2c0 -165.28125%2c0 l0%2c53.2345785337496 a82.640625%2c14.234578533749596 0%2c0%2c0 165.28125%2c0 l0%2c-53.2345785337496'/%3e%3cg transform='translate(-75.140625%2c -2)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.28125'%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%ec%82%ac%ec%9a%a9%ec%9e%90 %eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(62.0234375%2c 180.54086303710938)' id='flowchart-D-12' class='node default'%3e%3crect height='54' width='93.328125' y='-27' x='-46.6640625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-31.6640625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='63.328125'%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%ec%83%81%ec%a0%90 %ea%b4%80%eb%a6%ac%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(217.4453125%2c 180.54086303710938)' id='flowchart-E-14' class='node default'%3e%3crect height='54' width='102.796875' y='-27' x='-51.3984375' style='' class='basic label-container'/%3e%3cg transform='translate(-21.3984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='42.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%ec%9d%b8%ec%a6%9d 2%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(401.484375%2c 180.54086303710938)' id='flowchart-F-18' class='node default'%3e%3cpath transform='translate(-82.640625%2c -40.8518678006244)' style='' class='basic label-container' d='M0%2c14.234578533749596 a82.640625%2c14.234578533749596 0%2c0%2c0 165.28125%2c0 a82.640625%2c14.234578533749596 0%2c0%2c0 -165.28125%2c0 l0%2c53.2345785337496 a82.640625%2c14.234578533749596 0%2c0%2c0 165.28125%2c0 l0%2c-53.2345785337496'/%3e%3cg transform='translate(-75.140625%2c -2)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='150.28125'%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%ec%82%ac%ec%9a%a9%ec%9e%90 %eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4 2%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)
이것은 가장 간단한 솔루션이지만, 상점 관리 앱에 대한 인증 프로세스를 구현해야 하며, 사용자는 앱을 사용하기 위해 새 계정을 생성해야 합니다.
2. 두 응용 프로그램 모두에 동일한 사용자 데이터베이스를 사용할 수 있습니다.
%3btext-align:center%3b%7d%23mermaid-2 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-2 .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-2 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-2 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-2 .cluster text%7bfill:%23333%3b%7d%23mermaid-2 .cluster span%7bcolor:%23333%3b%7d%23mermaid-2 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-2 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-2 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-2 .icon-shape%2c%23mermaid-2 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-2 .icon-shape p%2c%23mermaid-2 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-2 .icon-shape rect%2c%23mermaid-2 .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-2 :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-2_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-2_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-2_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-2_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-2_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-2_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-2_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='M116.047%2c28.164L120.214%2c27.636C124.38%2c27.109%2c132.714%2c26.055%2c140.386%2c25.986C148.058%2c25.918%2c155.069%2c26.835%2c158.575%2c27.294L162.081%2c27.753'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_A_1' d='M168.332%2c62L163.785%2c64.5C159.237%2c67%2c150.142%2c72%2c141.479%2c72.313C132.817%2c72.626%2c124.587%2c68.252%2c120.471%2c66.064L116.356%2c63.877'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_2' d='M268.844%2c35L273.01%2c35C277.177%2c35%2c285.51%2c35%2c293.387%2c38.946C301.264%2c42.892%2c308.684%2c50.785%2c312.394%2c54.731L316.104%2c58.677'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_D_E_3' d='M108.688%2c114.199L114.081%2c111.332C119.474%2c108.466%2c130.26%2c102.733%2c139.617%2c102.045C148.974%2c101.358%2c156.9%2c105.715%2c160.863%2c107.894L164.827%2c110.073'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E_D_4' d='M166.047%2c145.728L161.88%2c146.273C157.714%2c146.818%2c149.38%2c147.909%2c140.482%2c147.856C131.583%2c147.802%2c122.12%2c146.605%2c117.388%2c146.006L112.656%2c145.407'/%3e%3cpath marker-end='url(%23mermaid-2_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_E_C_5' d='M268.844%2c139L273.01%2c139C277.177%2c139%2c285.51%2c139%2c293.387%2c135.054C301.264%2c131.108%2c308.684%2c123.215%2c312.394%2c119.269L316.104%2c115.323'/%3e%3c/g%3e%3cg class='edgeLabels'%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 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 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 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 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 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%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(62.0234375%2c 35)' id='flowchart-A-19' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-39.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.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%3e%ec%98%a8%eb%9d%bc%ec%9d%b8 %ec%83%81%ec%a0%90%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(217.4453125%2c 35)' id='flowchart-B-20' class='node default'%3e%3crect height='54' width='102.796875' y='-27' x='-51.3984375' style='' class='basic label-container'/%3e%3cg transform='translate(-21.3984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='42.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%ec%9d%b8%ec%a6%9d 1%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(394.8125%2c 87)' id='flowchart-C-24' class='node default'%3e%3cpath transform='translate(-75.96875%2c -40.073798239675014)' style='' class='basic label-container' d='M0%2c13.715865493116677 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 a75.96875%2c13.715865493116677 0%2c0%2c0 -151.9375%2c0 l0%2c52.71586549311668 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 l0%2c-52.71586549311668'/%3e%3cg transform='translate(-68.46875%2c -2)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='136.9375'%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%ec%82%ac%ec%9a%a9%ec%9e%90 %eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(62.0234375%2c 139)' id='flowchart-D-25' class='node default'%3e%3crect height='54' width='93.328125' y='-27' x='-46.6640625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-31.6640625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='63.328125'%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%ec%83%81%ec%a0%90 %ea%b4%80%eb%a6%ac%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(217.4453125%2c 139)' id='flowchart-E-26' class='node default'%3e%3crect height='54' width='102.796875' y='-27' x='-51.3984375' style='' class='basic label-container'/%3e%3cg transform='translate(-21.3984375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='42.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%ec%9d%b8%ec%a6%9d 2%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)
이것은 더 나은 솔루션입니다. 사용자는 새 계정을 만들 필요가 없기 때문입니다. 그러나 여전히 상점 관리 앱의 인증 프로세스를 구현해야 합니다.
3. SSO를 사용할 수 있습니다.
%3btext-align:center%3b%7d%23mermaid-3 .edgeLabel p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3b%7d%23mermaid-3 .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-3 .labelBkg%7bbackground-color:rgba(232%2c 232%2c 232%2c 0.5)%3b%7d%23mermaid-3 .cluster rect%7bfill:%23ffffde%3bstroke:%23aaaa33%3bstroke-width:1px%3b%7d%23mermaid-3 .cluster text%7bfill:%23333%3b%7d%23mermaid-3 .cluster span%7bcolor:%23333%3b%7d%23mermaid-3 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-3 .flowchartTitleText%7btext-anchor:middle%3bfont-size:18px%3bfill:%23333%3b%7d%23mermaid-3 rect.text%7bfill:none%3bstroke-width:0%3b%7d%23mermaid-3 .icon-shape%2c%23mermaid-3 .image-shape%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3btext-align:center%3b%7d%23mermaid-3 .icon-shape p%2c%23mermaid-3 .image-shape p%7bbackground-color:rgba(232%2c232%2c232%2c 0.8)%3bpadding:2px%3b%7d%23mermaid-3 .icon-shape rect%2c%23mermaid-3 .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-3 :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-3_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-3_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-3_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-3_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-3_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-3_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-3_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='M116.047%2c45L120.214%2c45C124.38%2c45%2c132.714%2c45%2c140.38%2c45C148.047%2c45%2c155.047%2c45%2c158.547%2c45L162.047%2c45'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_A_1' d='M166.047%2c59.691L161.88%2c60.575C157.714%2c61.46%2c149.38%2c63.23%2c141.693%2c63.224C134.006%2c63.218%2c126.965%2c61.436%2c123.445%2c60.545L119.925%2c59.654'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_D_B_2' d='M383.695%2c39.622L374.645%2c40.518C365.594%2c41.414%2c347.492%2c43.207%2c334.941%2c44.104C322.391%2c45%2c315.391%2c45%2c311.891%2c45L308.391%2c45'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_D_3' d='M304.391%2c30.309L308.557%2c29.425C312.724%2c28.54%2c321.057%2c26.77%2c333.611%2c26.716C346.165%2c26.661%2c362.94%2c28.323%2c371.327%2c29.153L379.715%2c29.984'/%3e%3cpath marker-end='url(%23mermaid-3_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-solid edge-thickness-normal edge-pattern-solid flowchart-link' id='L_B_C_4' d='M258.965%2c72L270.703%2c85.346C282.44%2c98.691%2c305.916%2c125.383%2c321.153%2c138.728C336.391%2c152.074%2c343.391%2c152.074%2c346.891%2c152.074L350.391%2c152.074'/%3e%3c/g%3e%3cg class='edgeLabels'%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 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 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 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 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%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(62.0234375%2c 45)' id='flowchart-A-31' class='node default'%3e%3crect height='54' width='108.046875' y='-27' x='-54.0234375' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-39.0234375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.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%3e%ec%98%a8%eb%9d%bc%ec%9d%b8 %ec%83%81%ec%a0%90%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(235.21875%2c 45)' id='flowchart-B-32' class='node default'%3e%3crect height='54' width='138.34375' y='-27' x='-69.171875' style='' class='basic label-container'/%3e%3cg transform='translate(-39.171875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.34375'%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%ec%9d%b8%ec%a6%9d (SSO)%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(430.359375%2c 35)' id='flowchart-D-35' class='node default'%3e%3crect height='54' width='93.328125' y='-27' x='-46.6640625' ry='5' rx='5' style='' class='basic label-container'/%3e%3cg transform='translate(-31.6640625%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='63.328125'%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%ec%83%81%ec%a0%90 %ea%b4%80%eb%a6%ac%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(430.359375%2c 152.07379531860352)' id='flowchart-C-40' class='node default'%3e%3cpath transform='translate(-75.96875%2c -40.073798239675014)' style='' class='basic label-container' d='M0%2c13.715865493116677 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 a75.96875%2c13.715865493116677 0%2c0%2c0 -151.9375%2c0 l0%2c52.71586549311668 a75.96875%2c13.715865493116677 0%2c0%2c0 151.9375%2c0 l0%2c-52.71586549311668'/%3e%3cg transform='translate(-68.46875%2c -2)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='136.9375'%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%ec%82%ac%ec%9a%a9%ec%9e%90 %eb%8d%b0%ec%9d%b4%ed%84%b0%eb%b2%a0%ec%9d%b4%ec%8a%a4%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)
이것은 지금까지 최고의 솔루션입니다. 다른 인증 프로세스를 구현할 필요가 없고 상점 관리 앱을 위한 새 계정을 만들 필요도 없습니다. 게다가, 더 많은 응용 프로그램과 로그인 방법을 추가할 수 있으며, 인증 모델이나 사용자 경험을 변경할 필요도 없습니다.
SSO는 두 가지 방법으로 사용자 경험을 개선합니다:
여기서 일부 걱정들이 발생할 수 있지만, 모두 해결 가능한 것들입니다.
1. 응용 프로그램을 어떻게 구별할까요?
싱글 사인온은 모든 응용 프로그램을 동일하게 취급하지 않습니다. 잘 알려진 오픈 표준 OpenID Connect에서 각 응용 프로그램은 클라이언트로 불리며, 인증 플로우는 클라이언트 유형에 따라 다릅니다. 최종 사용자는 차이를 알 필요가 없지만, 클라이언트 유형은 인증 서버가 인증 플로우를 결정하는 데 중요합니다.
2. 사용자가 동일한 계정을 공유하고 싶지 않다면?
이는 유효한 걱정이지만, SSO의 문제는 아닙니다. 사용자가 동일한 계정을 공유하지 않으려면 새 응용 프로그램을 위한 새 계정을 생성할 수 있습니다. 중요한 것은 사용자가 선택할 수 있는 옵션을 제공하는 것입니다.
3. 특정 응용 프로그램에 대한 액세스를 제한해야 한다면?
사실, SSO는 인증을 위한 기술이고, 액세스 제어는 권한을 위한 것입니다. SSO는 액세스 제어와 분리될 수 있습니다. 예를 들어, SSO를 사용하여 사용자를 인증한 후, 역할 기반 액세스 제어(RBAC)를 사용하여 특정 응용 프로그램이나 리소스에 대한 액세스를 제한할 수 있습니다.
인증 및 권한 부여에 대해 더 알고 싶다면, CIAM 101: 인증, ID, SSO을 확인해보세요.
4. SSO는 사용자를 인증 서버로 리다이렉트해야 합니다.
리다이렉팅은 인증에 대한 표준 관행입니다. 사용자 경험을 고려하여 여러 기법을 활용하여 마찰을 줄일 수 있습니다:
1. 모든 보안 관련 작업을 위한 중앙 장소
SSO를 사용하면 모든 보안 관련 작업을 중앙에서 관리할 수 있습니다. 예를 들어, 이전 섹션에서 언급했듯이, SSO는 여전히 응용 프로그램을 차별화하고 각 응용 프로그램에 대한 플랫폼별 인증 플로우를 적용할 수 있습니다. SSO 없이 여러 응용 프로그램 유형에 따라 다양한 인증 플로우를 구현해야 합니다.
또한, 다중 요소 인증(MFA)와 같은 고급 보안 기능은 SSO와 함께 사용하면 인증 모델에 혼란을 줄이지 않고도 구현하기 쉽습니다.
2. 공격 표면 감소
이론적으로 SSO는 여러 응용 프로그램 대신 하나의 인증 서버만 보안할 필요가 있기 때문에 공격 표면을 줄입니다. 중앙 집중식 접근 방식은 의심스러운 활동을 모니터링하고 감지하기도 쉽습니다.
3. 검증된 표준과 프로토콜
OpenID Connect 및 OAuth 2.0과 같은 오픈 표준 및 프로토콜은 업계에서 널리 사용되며 수년간 검증되었습니다. 이들은 SSO 개념과 일치하며 대부분의 ID 공급자(IdP)에 의해 지원됩니다. 이러한 표준을 SSO와 결합하여 보안적이고 신뢰할 수 있는 인증 시스템을 구축할 수 있습니다.
SSO 구현은 크고 복잡할 수 있으며, 많은 것들을 고려해야 합니다:
이러한 주제 각각은 별도의 글이 될 수 있으며 압도적일 수 있습니다. 간단함을 위해, 기본적으로 SSO를 제공하는 관리형 서비스를 시작하는 것이 좋습니다. 우리 제품 Logto는 그러한 서비스이며, 응용 프로그램에 통합하는 데 단 몇 분 밖에 걸리지 않습니다.
관리형 서비스를 사용할 때 가장 흔한 우려는 공급업체 종속성입니다. 다행히도, 이것은 Logto의 문제가 아닙니다. Logto는 OpenID Connect와 OAuth 2.0을 기반으로 구축되었으며, 오픈 소스로 태어났습니다. 우리는 고객에게 보장을 제공하는 것을 우선시하며, 선택의 자유를 갖추려는 목표를 가지고 있습니다.