ما هي شاشة موافقة المستخدم وكيف تعمل؟ يشرح هذا المقال الأفكار الأساسية وراء شاشة موافقة المستخدم وكيف ينبغي استخدامها.
تخيل أنك تقوم بالتسجيل في تطبيق اجتماعي جديد باستخدام حسابك في Google. تضغط على زر "تسجيل الدخول باستخدام Google" ويتم تحويلك إلى Google لإكمال عملية تسجيل الدخول. بعد المصادقة بنجاح مع Google، يتم تحويلك إلى صفحة تطلب منك منح هذا التطبيق حق الوصول إلى ملفك الشخصي في حساب Google. شيئاً كهذا:
هذه الصفحة هي ما نطلق عليه صفحة الموافقة أو شاشة الموافقة. هي عنصر في واجهة المستخدم تعرضه التطبيقات أو المواقع الإلكترونية خلال عملية التقديم. الغرض الأساسي منها هو إبلاغ المستخدمين بجمع ومعالجة واستخدام بياناتهم الشخصية وطلب موافقتهم الصريحة على هذه الأنشطة.
في صفحة الموافقة، يُعرض على المستخدمين عادة معلومات حول أنواع البيانات التي سيتم جمعها، وكيف سيتم استخدامها، وما إذا كانت ستشارك مع أطراف ثالثة. هذه المعلومات ضرورية للشفافية، مما يسمح للمستخدمين باتخاذ قرارات مستنيرة حول خصوصيتهم وأمان البيانات الخاصة بهم.
تكون صفحات الموافقة مهمة بشكل خاص في سياق اللوائح المتعلقة بالخصوصية مثل اللائحة العامة لحماية البيانات (GDPR) في الاتحاد الأوروبي أو قانون حماية خصوصية المستهلكين في كاليفورنيا (CCPA) في الولايات المتحدة، التي تتطلب من المؤسسات الحصول على موافقة واضحة وإيجابية من المستخدمين قبل معالجة معلوماتهم الشخصية.
قبل أن نتمكن من الإجابة على هذا السؤال، نحتاج إلى فهم بعض المفاهيم الأساسية حول مصادقة المستخدم.
كما ذكرنا أعلاه، الغرض الرئيسي من شاشة الموافقة هو إبلاغ المستخدمين بجمع ومعالجة واستخدام بياناتهم الشخصية وطلب موافقتهم الصريحة على هذه الأنشطة. لذلك، نحتاج إلى شاشة موافقة عندما نقوم بجمع أو معالجة أو استخدام بيانات شخصية مملوكة لطرف آخر، مثل Google.
في سياق مصادقة المستخدم، نسمي الطرف الذي يملك بيانات المستخدم مزود الهوية (IdP). أما بالنسبة للتطبيق الذي يطلب الوصول إلى بيانات المستخدم، نسميه مزود الخدمة (SP). في المثال أعلاه، تعد Google IdP والتطبيق الاجتماعي هو SP.
يتحمل IdP مسؤولية مصادقة المستخدم وتوفير معلومات ملف المستخدم الشخصي لـ SP. و SP هو الطرف الذي يحتاج إلى معلومات ملف المستخدم الشخصي لتقديم خدماته.
في المثال أعلاه، يستخدم التطبيق الاجتماعي Google كـ IdP. وهذا سيناريو شائع في الصناعة. تستخدم العديد من التطبيقات خدمات الطرف الثالث مثل Google أو Facebook كـ IdP. وهذا يُسمى التسجيل الواحد (SSO). SSO هو خاصية للتحكم في الوصول لأنظمة البرمجيات المتعلقة ولكن المستقلة. باستخدام هذه الخاصية، يسجل المستخدم دخولاً بفردية واحدة وكلمة مرور لكسب الوصول إلى أي من التطبيقات المتعلقة. يمكنك الرجوع إلى CIAM 101: Authentication, Identity, SSO لمزيد من التفاصيل.
مزود الهوية الأول هو IdP الذي تملكه نفس المنظمة التي تملك SP. وقد يشارك SP نفس اسم المجال كـ IdP. لذلك SP يطلب الوصول إلى بيانات المستخدم التي تملكها نفس المنظمة. على سبيل المثال، إذا كنت تستخدم Google Workspace، فإن Google هو IdP الخاص بك.
من ناحية أخرى، مزود الهوية الثالث هو IdP الذي تملكه منظمة أخرى بخلاف SP. يطلب SP الوصول إلى بيانات المستخدم التي لا يملكها بنفسه. على سبيل المثال، إذا كنت تستخدم Google كـ IdP وقمت بتسجيل الدخول إلى تطبيق اجتماعي مثل المثال السابق، فإن Google هو IdP الطرف الثالث للتطبيق الاجتماعي.
%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 data-look='classic' id='subGraph1' class='cluster'%3e%3crect height='178' width='192.56640625' y='8' x='8' style=''/%3e%3cg transform='translate(51.361328125%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='105.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%3eOrganization B%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg data-look='classic' id='subGraph0' class='cluster'%3e%3crect height='178' width='191.67578125' y='8' x='220.56640625' style=''/%3e%3cg transform='translate(263.927734375%2c 8)' class='cluster-label'%3e%3cforeignObject height='24' width='104.953125'%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%3eOrganization A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3c/g%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_IdPA_SPA_0' d='M316.62%2c72.5L317.473%2c76.583C318.326%2c80.667%2c320.032%2c88.833%2c320.956%2c96.5C321.879%2c104.167%2c322.019%2c111.334%2c322.09%2c114.917L322.16%2c118.501'/%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_IdPB_SPB_1' d='M105.067%2c72.5L104.048%2c76.583C103.028%2c80.667%2c100.989%2c88.833%2c100.039%2c96.5C99.09%2c104.167%2c99.23%2c111.334%2c99.301%2c114.917L99.371%2c118.501'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPA_SPB_2' d='M296.644%2c72.5L293.229%2c76.583C289.814%2c80.667%2c282.983%2c88.833%2c258.949%2c98.196C234.914%2c107.558%2c193.677%2c118.116%2c173.058%2c123.395L152.439%2c128.674'/%3e%3cpath marker-end='url(%23mermaid-0_flowchart-v2-pointEnd)' style='' class='edge-thickness-normal edge-pattern-dotted edge-thickness-normal edge-pattern-solid flowchart-link' id='L_IdPB_SPA_3' d='M125.141%2c72.5L128.41%2c76.583C131.68%2c80.667%2c138.219%2c88.833%2c162.304%2c98.211C186.388%2c107.589%2c228.019%2c118.177%2c248.834%2c123.472L269.65%2c128.766'/%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%3c/g%3e%3cg class='nodes'%3e%3cg transform='translate(311.73828125%2c 52.5)' id='flowchart-IdPA-0' class='node default'%3e%3cpolygon transform='translate(-56.171875%2c19.5)' class='label-container' points='9.75%2c0 102.59375%2c0 112.34375%2c-19.5 102.59375%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-38.921875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='77.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%ae%d8%af%d9%85%d8%a9 IdP A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(321.73828125%2c 141.5)' id='flowchart-SPA-1' class='node default'%3e%3cpolygon transform='translate(-54.8359375%2c19.5)' class='label-container' points='9.75%2c0 99.921875%2c0 109.671875%2c-19.5 99.921875%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-37.5859375%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='75.171875'%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%ae%d8%af%d9%85%d8%a9 SP A%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(108.94921875%2c 52.5)' id='flowchart-IdPB-4' class='node default'%3e%3cpolygon transform='translate(-56.6171875%2c19.5)' class='label-container' points='9.75%2c0 103.484375%2c0 113.234375%2c-19.5 103.484375%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-39.3671875%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='78.734375'%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%ae%d8%af%d9%85%d8%a9 IdP B%3c/p%3e%3c/span%3e%3c/div%3e%3c/foreignObject%3e%3c/g%3e%3c/g%3e%3cg transform='translate(98.94921875%2c 141.5)' id='flowchart-SPB-5' class='node default'%3e%3cpolygon transform='translate(-55.28125%2c19.5)' class='label-container' points='9.75%2c0 100.8125%2c0 110.5625%2c-19.5 100.8125%2c-39 9.75%2c-39 0%2c-19.5'/%3e%3cg transform='translate(-38.03125%2c -12)' style='' class='label'%3e%3crect/%3e%3cforeignObject height='24' width='76.0625'%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%ae%d8%af%d9%85%d8%a9 SP B%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)
عندما يقوم المستخدم بتسجيل الدخول إلى تطبيق، من المهم أن يكون المستخدم مدركاً للبيانات التي يتم جمعها وكيف سيتم استخدامها.
بالنسبة لمزود الهوية الأول، يتم تغطية هذه المعلومات عادة في سياسة الخصوصية وشروط الخدمة للمنظمة. يُطلب عادة من المستخدم الموافقة على سياسة الخصوصية وشروط الخدمة قبل التسجيل للخدمة. لذلك، يكون المستخدم مدركاً بالفعل للبيانات التي يتم جمعها وكيف سيتم استخدامها. في هذه الحالة، تكون موافقة المستخدم ضمنية.
ومع ذلك، من المهم أن يحافظ IdP على سيطرة صارمة على البيانات التي يملكها. لا يجب أن يسمح IdP لأي SP طرف ثالث بالوصول إلى بيانات المستخدم بدون موافقة صريحة من المستخدم. يُعتبر أي وصول للبيانات من قبل SP طرف ثالث نشاط مشاركة البيانات. يجب إبلاغ المستخدم بنشاط مشاركة البيانات ويجب أن يوافق عليه صراحة.
لذلك، بالنسبة لمزود الهوية الطرف الثالث، تكون موافقة المستخدم دائماً مطلوبة. لهذا السبب، تطلب جميع مزودي الهوية الرئيسيين، مثل Google وFacebook وMicrosoft، من SP عرض شاشة موافقة للمستخدم قبل أن يتمكن المستخدم من تسجيل الدخول إلى SP.
على سبيل المثال، في حالة Google، عند محاولة إنشاء عميل OAuth لـ Google، سيُطلب منك تقديم تكوين تفصيلي لشاشة الموافقة.
هذا يضمن أن المستخدم مدرك لنشاط مشاركة البيانات وقد أعطى موافقته الصريحة عليه.
من المهم أن تقدم شاشة الموافقة للمستخدم معلومات كافية ليتمكن من اتخاذ قرار مستنير. تشمل بما في ذلك على سبيل المثال لا الحصر:
يجب أن تتضمن شاشة الموافقة جميع المعلومات أعلاه بدقة ووضوح. يجب أن يتمكن المستخدم من فهم المعلومات بدون أي غموض. هذا مهم للغاية خاصة للبيانات المستخدمة التي يتم جمعها وكيف سيتم استخدامها.
من مسؤولية IdP التأكد من أن بيانات المستخدم تُستخدم فقط للغرض الذي وافق عليه المستخدم. لا ينبغي أن يسمح IdP لـ SP باستخدام بيانات المستخدم لأي غرض آخر بدون موافقة صريحة من المستخدم.
باختصار، تعمل صفحة الموافقة كآلية للحصول على إذن صريح من المستخدمين بشأن التعامل مع بياناتهم، وتعزز الشفافية والامتثال لقوانين الخصوصية. وهي مطلوبة حالياً من قبل جميع مزودي الهوية الرئيسيين لخدمات الطرف الثالث، وتلعب دوراً مهماً في حماية خصوصية المستخدم وأمان البيانات. خاصةً إذا كنت تقدم خدمة طرف ثالث لـ IdP.