?? ??? ???? ?????, ??? ??, ?? ??? ? ??? ?????? ?? ??? ??? ??? ?? ?????. ???? ? OTP ??? ?? ?? ??? ????? ?? ??? ???? ??? ??? ??? ??? ??? ????. ??? ?? ?? ???? FACEIO? ?? ? ?? ??? ??????? ?? ??? ? ?? ????? ??? ??? ?????.

? ?????? ?? ?? ? ?? ??? ?? React ??? FACEIO? ???? ??? ?????. ??, ? ??? ???? ???? ??? ???? ???? ???? ???? ??????? ?? ???.

?? ?? ? FACEIO? ??:

FACEIO? ??? ?? ??? ?? ? ?? ?? ??? ??????.

• ??? ??: ??? JavaScript ???? ?? NPM ???? ???? ?? ?????.
• ?? ??: ???? ? ?? ??? ??? ???? ?????.
• ??? ??: ????? PIN? ???? ?? ???? ?????.
• ??? ?? ??: ?? ? ?? ???? ??? ??? ?????.

??? ??? FACEIO ?? ?????? ?????.

1??: React ?????? ??

React ?????? ?? ? FACEIO NPM ??? ??:

npx create-react-app faceio-age-verification
cd faceio-age-verification
npm install @faceio/fiojs

NPM ???? ?? ??? ??? NPM? FACEIO ????? ??? ? ????.

2??: FACEIO? React? ??

FACEIO? React ??????? ????? ?? ??? ????.

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>
  );
};

3??: API ?? ? ?? ??

FACEIO API? ??? ??? ??? ???? ?????. ?? ??:

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

"age" ??? ???? ??? ???? ? ?????.

4??: ?????? ??

??? ???? ??????? ?????.

npm start

http://localhost:3000?? ???? '??'? ???? ?? ??? ???? ? ????.

?? ??:

FACEIO? ?? ??? ?? ?????.

• ?????: ??? ??? ?? ?? ??
• ??? ??: ?? ??? ?????.
• ????: ?? ?? ???? ?? ???? ?????.
• ?? ???: ???? ?? ?? ?? ??

?? ?? ? ?? ??:

• ?? ??: ??? API ? ?? ? ??? ?? ??? ?????.
• API ? ??: ?? ??? ???? API ?? ???? ?????.
• ???: ??? ???? ???? ???? ?????.

?? ??:

• FACEIO ?? ???
• NPM? FACEIO ???
• FACEIO ??? ??

??:

FACEIO? React ??????? ?? ? ?? ??? ????? ?? ? ?? ??? ?????. ?? ??? ???? ???? ?? ????? ???? ???? ?????. ?? ?? FACEIO? ?? ?????!

? ??? React ? FACEIO? ??? ?? ?? ? ?? ??? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!