无缝身份验证：Didit 内嵌 iframe 集成指南

在当今的数字时代，无摩擦的用户体验至关重要。 身份验证通常是一种必要的代价，给注册和转化流程带来摩擦。Didit 通过强大且易于实施的 iframe 集成 来解决这一挑战，让您能够将安全合规的身份验证流程直接嵌入到您的网站应用中。本指南提供了关于 Didit iframe 集成 流程、配置选项以及最大化用户体验和安全性的最佳实践的全面概述。

关键点 1：Didit 的 iframe 集成提供了一种安全合规的方式，可将身份验证直接嵌入到您的网站应用中，而无需复杂的服务器端集成。

关键点 2：iframe 方法最大限度地减少了开发工作量，并允许快速部署身份验证功能。

关键点 3：通过现成的参数和事件监听器，可以自定义 iframe 的外观和行为。

关键点 4：Didit 的按使用付费定价确保您仅为成功的验证付费，使其成为一种经济高效的解决方案。

了解 Didit Iframe 集成

使用 iframe 进行 内嵌身份验证 过程涉及在您网站上的安全 iframe 元素中托管 Didit 的验证流程。 这种方法具有以下几个优点：

• 减少开发工作量： 几乎不需要服务器端代码。 身份验证的繁重工作由 Didit 的平台处理。
• 增强安全性： Didit 的安全基础设施隔离在 iframe 中，从而最大限度地降低数据泄露的风险。
• 改善用户体验： 用户在整个验证过程中始终停留在您的网站上，从而获得无缝体验。
• 加速上市时间： 快速部署身份验证功能，而无需进行大量的开发周期。

核心原则是从 Didit 的 API 生成安全的验证 URL，然后将该 URL 嵌入到 HTML 中的 <iframe> 标签中。 此 URL 包含启动验证流程所需的所有参数，包括用户标识符、验证类型和任何自定义配置。

Iframe 配置和参数

iframe 配置 通过附加到验证 URL 的几个关键参数进行控制。 以下是一些基本参数：

• user_id：(必需) 用户的唯一标识符。
• verification_type：(必需) 指定验证流程的类型（例如，id_verification、liveness、document_verification）。
• redirect_url：(可选) 验证完成后（成功或失败）重定向用户的 URL。
• theme：(可选) 自定义 iframe 的外观（例如，light、dark）。
• width：(可选) 设置 iframe 的宽度（以像素为单位）（默认值：600px）。
• height：(可选) 设置 iframe 的高度（以像素为单位）（默认值：700px）。
• language：(可选) 指定验证流程的语言（例如，en、es、fr）。

示例 URL：

https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete&theme=dark&width=800&height=800

将 Iframe 集成到您的网站应用中

将 Didit iframe 集成 集成到您的应用中非常简单。 以下是一个基本的 HTML 示例：

<iframe src="https://business.didit.me/iframe?user_id=user123&verification_type=id_verification&redirect_url=https://yourwebsite.com/verification-complete" width="800" height="800" frameborder="0"></iframe>

重要注意事项：

• HTTPS： 确保您的网站通过 HTTPS 提供服务以维护安全性。
• CORS： Didit 的 iframe 已配置为支持跨域请求。
• 响应式设计： 考虑使用响应式设计技术，以确保 iframe 适应不同的屏幕尺寸。

处理验证事件和回调

Didit 提供事件监听器和回调来通知您的应用程序验证过程。 主要机制是 postMessage API。 您可以侦听诸如 verification_started、verification_completed、verification_failed 和 verification_error 之类的事件。 这些事件包含有关验证状态的数据，包括任何错误消息或验证结果。

示例 JavaScript 事件监听器：

window.addEventListener('message', function(event) {
  if (event.origin !== 'https://business.didit.me') {
    return;
  }

  const data = JSON.parse(event.data);

  switch (data.event) {
    case 'verification_completed':
      console.log('Verification completed successfully:', data.result);
      // Redirect user or update UI
      break;
    case 'verification_failed':
      console.error('Verification failed:', data.error);
      // Display error message to user
      break;
  }
});

Didit 如何提供帮助

Didit 通过以下方式简化了 内嵌身份验证 流程：

• 全面的验证套件： 访问各种验证模块，包括身份验证、活体检测、AML 筛选等。
• 开发者友好的 API： 具有良好文档记录的 API 和 SDK，可实现无缝集成。
• 可扩展的基础设施： 轻松处理大量的验证请求。
• 全球覆盖： 支持 220 多个国家/地区的 14,000 多种文档类型。
• 有竞争力的定价： 按使用付费定价，没有隐藏费用。

准备好开始了吗？

立即构建更安全、更用户友好的体验！ 探索我们的文档并使用免费的 Didit 帐户开始：

• Didit 文档
• Didit Business Console
• Didit 定价