シームレスな本人確認：Didit iframe統合ガイド

今日のデジタル環境において、摩擦のないユーザーエクスペリエンスは最も重要です。本人確認はしばしば避けられない措置となり、オンボーディングやコンバージョンファネルに摩擦をもたらします。Diditは、強力で導入が簡単なiframe統合を提供し、安全でコンプライアンスに準拠した本人確認フローをウェブアプリケーションに直接埋め込むことができます。このガイドでは、Didit iframe統合プロセスの概要、設定オプション、およびユーザーエクスペリエンスとセキュリティを最大化するためのベストプラクティスについて詳しく説明します。

重要なポイント1：Diditのiframe統合は、複雑なサーバーサイド統合なしで、本人確認をウェブアプリケーションに直接埋め込むための安全でコンプライアンスに準拠した方法を提供します。

重要なポイント2：iframeアプローチは開発の労力を最小限に抑え、本人確認機能の迅速な導入を可能にします。

重要なポイント3：iframeの外観と動作は、すぐに利用できるパラメータとイベントリスナーを通じてカスタマイズできます。

重要なポイント4：Diditの従量課金制料金により、成功した検証に対してのみ料金が発生するため、費用対効果の高いソリューションです。

Didit iframe統合の理解

iframeを使用して埋め込み型本人確認プロセスを行うには、Diditの検証フローをウェブサイト上のセキュアなiframe要素内にホストします。このアプローチには、いくつかの利点があります。

• 開発の労力削減：サーバーサイドのコードは最小限で済みます。本人確認の大部分はDiditのプラットフォームによって処理されます。
• セキュリティの強化：Diditのセキュリティインフラストラクチャはiframe内に分離されているため、データ侵害のリスクが最小限に抑えられます。
• UXの向上：ユーザーは検証プロセス全体を通してウェブサイト上に留まるため、シームレスなエクスペリエンスが実現します。
• 市場投入までの時間短縮：広範な開発サイクルなしに、迅速に本人確認機能を展開できます。

基本的な考え方は、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）。

例：

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);
      // ユーザーのリダイレクトまたはUIの更新
      break;
    case 'verification_failed':
      console.error('Verification failed:', data.error);
      // ユーザーにエラーメッセージを表示
      break;
  }
});

Diditがどのように役立つか

Diditは、以下の機能で埋め込み型本人確認プロセスを簡素化します。

• 包括的な検証スイート：ID検証、生存確認、AMLスクリーニングなど、幅広い検証モジュールにアクセスできます。
• 開発者フレンドリーなAPI：シームレスな統合のための、十分に文書化されたAPIとSDK。
• スケーラブルなインフラストラクチャ：大量の検証リクエストを容易に処理できます。
• グローバルカバレッジ：220以上の国/地域の14,000種類以上の文書タイプをサポート。
• 競争力のある価格設定：隠れた料金なしの従量課金制価格設定。

すぐに始めましょうか？

今日から、より安全で使いやすいエクスペリエンスを構築しましょう！ドキュメントを調べて、無料のDiditアカウントから始めましょう。

• Diditドキュメント
• Diditビジネスコンソール
• Didit価格