ReactとFACEIOによる年齢認証と顔認証-jsチュートリアル-php.cn

ReactとFACEIOによる年齢認証と顔認証

Patricia Arquette

リリース： 2025-01-28 00:32:11

オリジナル

184 人が閲覧しました

現在のデジタルシナリオでは、eコマース、オンラインゲーム、金融サービス、コンテンツプラットフォームにとって、年齢チェックとユーザー認証が重要です。パスワードやOTPコードなどの従来の方法には、多くの場合、非効率性と安全性の問題があり、ユーザーエクスペリエンスに影響を与えます。堅牢な顔認識ソリューションである Face は、効率的で安全な代替品を提供し、認証と年齢の検証をアプリケーションに直接統合します

Verificação de Idade e Autenticação Facial com React e FACEIO このガイドは、フェイシャル認証と年齢の検証のためのReactアプリケーションでの

Face

の実装を示しています。最終的に、このテクノロジーを使用してユーザーを安全かつ簡単に認証する機能的なアプリケーションがあります。

年齢チェックにおける顔の利点：

oFACE

認証と年齢の検証の複雑なタスクを最適化します。

簡単な統合：簡単な実装のために、簡単なJavaScriptスクリプトまたはNPMパッケージを使用します

パスワードと資格情報に関連する脆弱性を排除します流動的なエクスペリエンス：
年齢の検出が必要です
にアクセスしてください

ステップ2：反応における顔の統合

コードに従って、顔をReactアプリケーションに統合します。

ステップ3：APIの応答と年齢チェック

<code class="language-bash">npx create-react-app faceio-age-verification
cd faceio-age-verification
npm install @faceio/fiojs</code>

ログイン後にコピー

Face APIは、年齢を含むユーザーデータを返します。回答の例：

フィールドは、ユーザーの年齢を確認するために使用されます

ステップ4：アプリケーションの実行

でアプリケーションを実行します

<code class="language-javascript">import React, { useState } from "react";
import FACEIO from "@faceio/fiojs";

const FaceAuth = () => {
  const [age, setAge] = useState(null);
  const [status, setStatus] = useState("");

  const handleFaceAuth = async () => {
    const fio = new FACEIO("SUA_FACEIO_APP_ID_PUBLICA"); // Substitua pelo seu ID Público do FACEIO

    try {
      const response = await fio.authenticate({
        locale: "auto",
      });

      console.log("Autenticação bem-sucedida:", response);
      setAge(response.age);
      setStatus(`Autenticação Bem-sucedida. Idade: ${response.age}`);
    } catch (error) {
      console.error("Falha na autenticação:", error);
      setStatus("Falha na autenticação. Por favor, tente novamente.");
    }
  };

  return (
    <div>
      {/* ... restante do código ... */}
    </div>
  );
};</code>

ログイン後にコピー

アクセス

「認証」をクリックして、顔認識をテストします

ユースケース：

顔はいくつかの領域で適用できます：

<code class="language-json">{
  "status": 200,
  "age": 25,
  "timestamp": "2025-01-25T10:00:00Z",
  "auth_token": "abcdef1234567890",
  "face_image_url": "https://cdn.faceio.net/faces/123456.jpg"
}</code>

ログイン後にコピー