什么是 FaceIO，為什么使用它？ ？

FaceIO 是一項(xiàng)允許網(wǎng)站和應(yīng)用程序使用網(wǎng)絡(luò)攝像頭通過面部識別人員的服務(wù)。

用戶無需輸入密碼或使用指紋，只需看著攝像頭，應(yīng)用程序就可以確認(rèn)他們是誰。

這很有幫助，因?yàn)椋?/p>

• ? 比輸入密碼更快。
• ？它更安全，因?yàn)橹挥袚碛性撁婵椎娜瞬拍茉L問該應(yīng)用程序。
• ？用戶無需記住復(fù)雜的密碼。

FaceIO 的工作原理是什么？

FaceIO 有兩個主要操作：

1. ? 注冊用戶：表示第一次錄制用戶的臉部。
2. ？驗(yàn)證用戶：這意味著檢查鏡頭前的人是否與之前注冊的人相同。

在網(wǎng)頁中設(shè)置 FaceIO ？?

要使用 FaceIO，您需要將他們的 JavaScript 庫（執(zhí)行面部檢測的特殊代碼）添加到您的網(wǎng)站。操作方法如下：

1。包含腳本:
在 HTML 文件中添加指向 FaceIO 庫的腳本標(biāo)簽：

   <script src="https://cdn.faceio.net/fio.js"></script>

？此腳本允許您的網(wǎng)站使用 FaceIO 的功能。

2。創(chuàng)建用于注冊和身份驗(yàn)證的按鈕:
在 HTML 中，添加兩個按鈕：

   <button onclick="enrollNewUser()">Enroll New User</button>
   <button onclick="authenticateUser()">Authenticate User</button>

？當(dāng)用戶單擊這些按鈕時(shí)，他們將注冊（保存他們的面部）或進(jìn)行身份驗(yàn)證（檢查他們的面部）。

注冊用戶？

保存新用戶臉部的過程稱為注冊。這是它的 JavaScript 代碼：

function enrollNewUser() {
    const faceio = new faceIO("app-public-id"); // Replace with your app's ID

    faceio.enroll({
        locale: "en", // This sets the language to English
        payload: {
            email: "user@example.com" // Link this user's email or any other unique ID
        }
    }).then(userInfo => {
        console.log("User enrolled successfully!");
        console.log("User ID: " + userInfo.facialId);
        console.log("Enrollment Date: " + userInfo.timestamp);
        alert("Enrollment successful! Welcome, user.");
    }).catch(err => {
        handleError(err);
    });
}

？?♂? 這段代碼有什么作用？

• 它從 FaceIO 調(diào)用 enroll() 函數(shù)來啟動該過程。
• locale 表示用戶喜歡的語言。
• 有效負(fù)載是有關(guān)用戶的額外信息（例如他們的電子郵件或ID）。
• 如果成功，會顯示一條消息“注冊成功！”并記錄用戶 ID 和日期等詳細(xì)信息。
• 如果不起作用，它會調(diào)用handleError()函數(shù)來檢查出了什么問題。

驗(yàn)證用戶身份？

這是檢查用戶是否是他們所聲稱的人臉的方法：

   <script src="https://cdn.faceio.net/fio.js"></script>

？?♂? 這段代碼有什么作用？

• 它使用 FaceIO 中的authenticate() 方法。
• 如果成功，它會記錄一條消息并歡迎用戶回來。
• 如果沒有，它會調(diào)用handleError()來了解問題。

要在 FaceIO 中獲取 API 密鑰（也稱為 **應(yīng)用程序公共 ID），請按照以下簡單步驟操作：**

1. 注冊 FaceIO:

   • 如果您還沒有帳戶，請?jiān)L問 FaceIO 網(wǎng)站并注冊一個帳戶。
   • 使用您的新帳戶登錄。

2. 創(chuàng)建新應(yīng)用程序：

   • 登錄后，轉(zhuǎn)到儀表板。
   • 點(diǎn)擊“創(chuàng)建新應(yīng)用程序”。
   • 填寫所需的詳細(xì)信息，例如您的應(yīng)用名稱和描述，然后單擊“創(chuàng)建”。

1. 查找應(yīng)用公共 ID:

   • 創(chuàng)建應(yīng)用程序后，您將看到它列在儀表板上的“應(yīng)用程序”部分。
   • 在這里，您將找到您的應(yīng)用公共 ID。這是您將在 JavaScript 代碼中使用的 API 密鑰，用于將您的網(wǎng)站與 FaceIO 連接。

2. 復(fù)制應(yīng)用公共 ID:

   • 點(diǎn)擊應(yīng)用公共ID旁邊的復(fù)制圖標(biāo)進(jìn)行復(fù)制。
   • 現(xiàn)在，您可以將此密鑰粘貼到代碼中顯示“app-public-id”的位置。

示例：將 JavaScript 代碼中的“app-public-id”替換為您的實(shí)際應(yīng)用公共 ID：

   <button onclick="enrollNewUser()">Enroll New User</button>
   <button onclick="authenticateUser()">Authenticate User</button>

現(xiàn)在，您的應(yīng)用程序已連接到 FaceIO，并準(zhǔn)備好使用面部識別功能！

在開始之前，讓我向您展示如何在實(shí)時(shí)服務(wù)器上運(yùn)行 FaceIO。

在實(shí)時(shí)服務(wù)器上運(yùn)行：

• FaceIO 要求 JavaScript 文件由實(shí)時(shí) HTTP 服務(wù)器提供，而不是來自 file:// URL（本地文件）。
• 確保您正在服務(wù)器上運(yùn)行 HTML 文件。您可以使用 VS Code 的 Live Server 擴(kuò)展或 Node.js 等工具。

首先，在計(jì)算機(jī)中安裝node.js，然后在FaceIO項(xiàng)目中安裝以下包：

   <script src="https://cdn.faceio.net/fio.js"></script>

然后通過以下命令使用它：

   <button onclick="enrollNewUser()">Enroll New User</button>
   <button onclick="authenticateUser()">Authenticate User</button>

這是您的 vscode 終端中的實(shí)時(shí)服務(wù)器鏈接：

處理錯誤？

并不是所有事情都一直順利，所以我們需要在錯誤發(fā)生時(shí)進(jìn)行處理。這是一個執(zhí)行此操作的函數(shù)：

function enrollNewUser() {
    const faceio = new faceIO("app-public-id"); // Replace with your app's ID

    faceio.enroll({
        locale: "en", // This sets the language to English
        payload: {
            email: "user@example.com" // Link this user's email or any other unique ID
        }
    }).then(userInfo => {
        console.log("User enrolled successfully!");
        console.log("User ID: " + userInfo.facialId);
        console.log("Enrollment Date: " + userInfo.timestamp);
        alert("Enrollment successful! Welcome, user.");
    }).catch(err => {
        handleError(err);
    });
}

？?♂? 這段代碼有什么作用？

• 它需要一個錯誤代碼并將其與特定消息相匹配。
• 例如，如果用戶不允許訪問相機(jī)，它會告訴他們需要啟用它。
• 每個錯誤案例都可以幫助用戶了解出了什么問題以及下一步該做什么。

為什么 FaceIO 需要 HTTP 服務(wù)器？ ？

您可能想知道為什么此代碼需要在服務(wù)器上運(yùn)行，而不是僅僅在瀏覽器中將其作為常規(guī)文件打開。原因如下：

1. ??? JavaScript 和安全性:

   • JavaScript 代碼在您的瀏覽器（客戶端）中運(yùn)行。但出于安全原因，它無法直接與非其來源的服務(wù)器通信。
   • 這稱為同源策略。它可以保護(hù)您的數(shù)據(jù)安全，防止您未打開的網(wǎng)站訪問。

2. ？? FaceIO 需要與其服務(wù)器對話：

   • 當(dāng)您注冊或驗(yàn)證人臉時(shí)，F(xiàn)aceIO 庫會將信息發(fā)送到其服務(wù)器以比較或保存數(shù)據(jù)。
   • 為了安全地執(zhí)行此操作，它必須來自正確的網(wǎng)址（例如 http://yourwebsite.com），而不僅僅是計(jì)算機(jī)上的本地文件。

使用 FaceIO 控制臺管理您的應(yīng)用程序？

FaceIO 提供基于網(wǎng)絡(luò)的應(yīng)用程序管理器。這就像一個儀表板，您可以在其中控制應(yīng)用程序的所有內(nèi)容：

• ？用戶管理：添加、編輯或刪除用戶。
• ？群組管理：將用戶分組，以便更好地管理。
• ？權(quán)限管理：決定誰可以在您的應(yīng)用程序中執(zhí)行哪些操作。
• ？監(jiān)控分析：檢查有多少用戶正在使用您的應(yīng)用程序以及他們?nèi)绾闻c之交互。
• ？安全功能：使用多重身份驗(yàn)證等功能使您的應(yīng)用程序更安全。

要點(diǎn)回顧??

1. FaceIO 幫助網(wǎng)站使用面部識別來識別用戶，使登錄更快、更安全。
2. 要使用 FaceIO，您需要包含其 JavaScript 庫、創(chuàng)建按鈕并設(shè)置用于注冊和驗(yàn)證用戶的功能。
3. 錯誤處理對于在出現(xiàn)問題時(shí)指導(dǎo)用戶非常重要。
4. 需要HTTP 服務(wù)器來繞過瀏覽器安全規(guī)則并與 FaceIO 的服務(wù)器正常通信。
5. 應(yīng)用程序管理器可幫助您控制用戶、設(shè)置和安全性。

按照以下步驟，您可以制作一個網(wǎng)站，用戶只需查看網(wǎng)絡(luò)攝像頭即可登錄！您正在將您的網(wǎng)站變成一個未來派應(yīng)用程序，可以識別面孔，并使其更加用戶友好和安全，以吸引您的面試官或客戶！

---

希望這個解釋對您有所幫助！它涵蓋了從 FaceIO 的工作原理到設(shè)置和管理的所有內(nèi)容。如果您還有任何疑問，請告訴我！

閱讀更多： 6 個月內(nèi)成為后端開發(fā)人員的技能（路線圖）

以上是網(wǎng)站上的無密碼面部認(rèn)證！ （法塞奧）的詳細(xì)內(nèi)容。更多信息請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！