العلامة التجارية وتجربة المستخدم الديناميكية: تخصيص إطار Didit iFrame باستخدام JavaScript (AR)

تكامل سلس ادمج التحقق القوي من الهوية من Didit مباشرة في تطبيق الويب الخاص بك باستخدام طريقة InContext iFrame، مما يوفر إعدادًا سريعًا وتجربة مضمنة.

تخصيص ديناميكي استخدم واجهة برمجة تطبيقات postMessage في JavaScript للتواصل مع إطار iFrame المضمن وتصميمه ديناميكيًا، مما يضمن الحفاظ على مظهر علامتك التجارية وشكلها باستمرار طوال عملية التحقق.

تجربة مستخدم محسّنة تعامل مع الأحداث في الوقت الفعلي من إطار iFrame، مثل اكتمال التحقق أو إلغائه، لتوفير ملاحظات فورية وتوجيه المستخدمين خلال رحلة سلسة ذات علامة تجارية.

هندسة Didit المعمارية المرنة يمكّن نهج Didit المعياري والموجه للمطورين أولاً، بما في ذلك InContext iFrame ومجموعة أدوات تطوير البرامج (SDK) لـ JavaScript، المطورين من بناء سير عمل تحقق من الهوية عالي التخصيص والفعالية مع Free Core KYC.

دمج إطار Didit InContext iFrame للتحقق من الهوية

في المشهد الرقمي اليوم، يعد التحقق القوي من الهوية أمرًا بالغ الأهمية للأمن والامتثال ومنع الاحتيال. تقدم Didit مجموعة من طرق التكامل، وبالنسبة للشركات التي تسعى إلى إعداد سريع مع تجربة مضمنة، يبرز InContext iFrame. تتيح لك هذه الطريقة تضمين إمكانيات التحقق من الهوية القوية من Didit مباشرة داخل تطبيق الويب الخاص بك، مع إبقاء المستخدمين على نطاقك. بينما يتميز بالبساطة في التنفيذ، تكمن القوة الحقيقية لإطار iFrame في قدرته على التخصيص ديناميكيًا باستخدام JavaScript، مما يحول تدفق التحقق القياسي إلى رحلة مستخدم ذات علامة تجارية سلسة.

يعد InContext iFrame مثاليًا للسيناريوهات التي ترغب فيها في عملية تحقق محددة دون إعادة توجيه المستخدمين. وهو يدعم كلاً من UniLink (لا يتطلب واجهة خلفية لإعداد سريع) و API Session (لتخصيص كامل مع واجهة خلفية). من خلال تضمين إطار iFrame، يمكنك الاستفادة من ميزات Didit المتقدمة، بما في ذلك التعرف الضوئي على الحروف (OCR)، وتحليل MRZ، وفك تشفير الباركود للتحقق من المستندات، مع الحفاظ على التحكم في واجهة المستخدم المحيطة.

التخصيص الديناميكي باستخدام واجهة برمجة تطبيقات postMessage في JavaScript

بينما يوفر إطار iFrame تجربة مضمنة، فإن الحفاظ على اتساق العلامة التجارية عبر رحلة المستخدم بأكملها أمر بالغ الأهمية. هنا تصبح واجهة برمجة تطبيقات postMessage في JavaScript لا تقدر بثمن. نظرًا لأن إطار iFrame يقوم بتحميل المحتوى من مصدر مختلف (خدمة التحقق من Didit)، يتم حظر التلاعب المباشر بنموذج كائن المستند (DOM) بواسطة سياسة نفس المصدر. ومع ذلك، تتيح postMessage التواصل الآمن عبر المصادر بين صفحتك الأصلية وإطار Didit iFrame المضمن.

من خلال الاستماع إلى أحداث أو رسائل محددة من إطار iFrame وإرسال رسائل إليه، يمكنك ضبط مظهره أو سلوكه ديناميكيًا. على سبيل المثال، قد ترغب في:

• تغيير ارتفاع أو عرض إطار iFrame بناءً على المحتوى المحمل بداخله.
• تشغيل إجراءات محددة على صفحتك الأصلية عند اكتمال خطوة تحقق داخل إطار iFrame.
• تمرير معلمات التصميم إلى إطار iFrame لمطابقة سمة تطبيقك، إذا كانت مدعومة بواسطة تكوين إطار Didit iFrame.

يتضمن الإعداد النموذجي ما يلي:

1. تضمين إطار Didit iFrame مع سمة src الخاصة به التي تشير إلى عنوان URL للتحقق (على سبيل المثال، https://verify.didit.me/u/YOUR_WORKFLOW_ID_BASE64).
2. إضافة مستمع حدث إلى نافذتك الأصلية لالتقاط الرسائل من إطار iFrame:

window.addEventListener('message', (event) => {
  // تأكد من أن الرسالة من مصدر موثوق به (نطاق Didit)
  if (event.origin !== 'https://verify.didit.me') return;

  const data = event.data;
  if (data.type === 'didit-verification-event') {
    console.log('حدث إطار Didit iFrame:', data.payload);
    // تعامل مع الأحداث مثل 'verification_completed', 'verification_failed', إلخ.
  }
});

يتيح ذلك لتطبيقك التفاعل بذكاء مع حالة إطار iFrame، وتوجيه تجربة المستخدم بشكل أكثر فعالية.

تحسين تجربة المستخدم ومعالجة الأحداث

تتجاوز تجربة المستخدم السلسة مجرد التضمين. إنها تتضمن توفير ملاحظات واضحة، وإدارة الحالات، والتعامل الرشيق مع النتائج المختلفة لعملية التحقق. يتيح تكامل إطار Didit iFrame، خاصة عند دمجه مع JavaScript، معالجة الأحداث المتطورة التي يمكن أن تحسن بشكل كبير تجربة المستخدم.

على سبيل المثال، عند التحقق الناجح (الذي ستؤكده الواجهة الخلفية الخاصة بك عبر webhooks)، يمكنك إغلاق النموذج الذي يحتوي على إطار iFrame برمجيًا، وعرض رسالة نجاح، وإعداد المستخدم. إذا فشل التحقق أو تم إلغاؤه، يمكنك توفير خيارات لإعادة المحاولة أو الاتصال بالدعم.

فكر في سيناريو تستخدم فيه التحقق من الهوية من Didit لإعداد مستخدمين جدد. بعد أن يكمل المستخدم التقاط المستندات وتقديمها داخل إطار iFrame، يقوم Didit بمعالجة البيانات، بما في ذلك إجراء فحوصات الكشف عن النشاط الحيوي السلبي والنشط لمنع الاحتيال العميق. تتلقى الواجهة الخلفية الخاصة بك webhook مع نتائج التحقق. يمكنك بعد ذلك استخدام JavaScript من أجل:

• إخفاء مؤشر التحميل بمجرد أن يرسل إطار iFrame حدث 'verification_submitted'.
• تحديث واجهة المستخدم لإظهار 'التحقق معلق' بينما تقوم الواجهة الخلفية بمعالجة webhook.
• عرض 'تمت الموافقة على التحقق' أو 'تم رفض التحقق' بناءً على الحالة النهائية التي تتلقاها الواجهة الخلفية الخاصة بك ويتم إبلاغ الواجهة الأمامية بها.

يضمن هذا المستوى من التفاعل الديناميكي أن يكون المستخدمون على اطلاع دائم ومشاركين، مما يقلل من معدلات التخلي ويبني الثقة في منصتك.

اختيار التكامل الصحيح: iFrame مقابل JavaScript SDK

بينما يوفر InContext iFrame إعدادًا سريعًا وراحة مضمنة، توفر Didit أيضًا مجموعة أدوات تطوير البرامج (SDK) لـ JavaScript قوية لأولئك الذين يحتاجون إلى أقصى قدر من التحكم البرمجي. توفر SDK، الموصى بها لتطبيقات الإنتاج، إدارة الجلسات، واستدعاءات الأحداث، ودعم TypeScript الكامل، مما يجعلها مثالية للتطبيقات المعقدة المبنية باستخدام React أو Vue أو Angular أو vanilla JS.

يعد إطار iFrame ممتازًا لوقت الإعداد الأدنى، وغالبًا ما يكون أقل من دقيقة واحدة، وللسيناريوهات التي تحتاج فيها إلى تدفق تحقق محتوي وجاهز للاستخدام. ومع ذلك، لاستدعاءات الأحداث في الوقت الفعلي والتحكم البرمجي الكامل في تدفق المستخدم، توفر JavaScript SDK مرونة فائقة. تدعم كلتا الطريقتين التحقق عبر الأجهزة والملصقات البيضاء، مما يضمن اتساق العلامة التجارية.

يعني التزام Didit بنهج المطور أولاً أن لديك خيارات لدمج التحقق من الهوية بطريقة تناسب مجموعتك التقنية وأهداف تجربة المستخدم على أفضل وجه. سواء من خلال بساطة إطار iFrame أو قوة SDK، يمكنك الاستفادة من منصة Didit الأصلية للذكاء الاصطناعي لبناء سير عمل هوية آمن وفعال.

كيف تساعد Didit

توفر Didit اللبنات الأساسية لإنشاء تجارب تحقق من الهوية عالية التخصيص والآمنة. تتيح لك بنيتنا المعيارية توصيل فحوصات الهوية وتشغيلها مثل التحقق من الهوية، والكشف عن النشاط الحيوي السلبي والنشط، ومطابقة الوجه 1:1 والبحث عن الوجه، وكلها مدعومة بالذكاء الاصطناعي المتطور. بالنسبة للحلول المضمنة، يوفر InContext iFrame إعدادًا سريعًا بشكل لا يصدق، مما يتيح لك نشر تحقق قوي بأقل جهد. لأولئك الذين يحتاجون إلى تكامل أعمق وتحكم ديناميكي، توفر JavaScript SDK الأدوات اللازمة لبناء رحلات مستخدم مخصصة، والتعامل مع الأحداث في الوقت الفعلي والحفاظ على استمرارية العلامة التجارية الكاملة.

تم تصميم منصة Didit لتكون موجهة للمطورين أولاً، حيث تقدم بيئة اختبار فورية، ووثائق عامة شاملة، وواجهات برمجة تطبيقات نظيفة. نحن نزيل رسوم الإعداد ونقدم طبقة KYC أساسية مجانية، مما يجعل التحقق من الهوية على مستوى المؤسسات متاحًا. يضمن نهجنا الأصيل للذكاء الاصطناعي دقة عالية وأتمتة، مما يقلل الحاجة إلى المراجعات اليدوية ويبسط عملياتك. مع Didit، يمكنك تنظيم المخاطر وأتمتة الثقة عالميًا، مما يضمن تجربة آمنة وسهلة الاستخدام لعملائك مع تلبية متطلبات الامتثال.

هل أنت مستعد للبدء؟

هل أنت مستعد لرؤية Didit في العمل؟ احصل على عرض توضيحي مجاني اليوم.

ابدأ التحقق من الهويات مجانًا باستخدام الطبقة المجانية من Didit.