什麼是 FaceIO，為什麼要用它？ ？

FaceIO 是一項(xiàng)允許網(wǎng)站和應(yīng)用程式使用網(wǎng)路攝影機(jī)透過臉部辨識人員的服務(wù)。

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

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

• ? 比輸入密碼快。
• ？它更安全，因?yàn)橹挥袚碛性撁婵椎娜瞬拍艽嫒≡搼?yīng)用程式。
• ？用戶無需記住複雜的密碼。

FaceIO 的工作原理是什麼？

FaceIO 有兩個(gè)主要操作：

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。建立用於註冊和身份驗(yàn)證的按鈕:
在 HTML 中，新增兩個(gè)按鈕：

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

？當(dāng)使用者點(diǎn)擊這些按鈕時(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 呼叫 enroll() 函數(shù)來啟動該過程。
• locale 表示使用者喜歡的語言。
• 有效負(fù)載是有關(guān)使用者的額外資訊（例如他們的電子郵件或ID）。
• 如果成功，會顯示一則訊息「註冊成功！」並記錄使用者 ID 和日期等詳細(xì)資訊。
• 如果不起作用，它會呼叫handleError()函數(shù)來檢查出了什麼問題。

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

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

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

？ ?♂? 這段程式碼有什麼作用？

• 它使用 FaceIO 中的authenticate() 方法。
• 如果成功，它會記錄一條訊息並歡迎用戶回來。
• 如果沒有，它會呼叫handleError()來了解問題。

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

1. 註冊 FaceIO:

   • 如果您還沒有帳戶，請?jiān)煸L FaceIO 網(wǎng)站並註冊一個(gè)帳戶。
   • 使用您的新帳號登入。

2. 建立新應(yīng)用程式：

   • 登入後，前往儀表板。
   • 點(diǎn)選「建立新應(yīng)用程式」。
   • 填寫所需的詳細(xì)信息，例如您的應(yīng)用程式名稱和描述，然後按一下「建立」。

1. 尋找應(yīng)用程式公用 ID:

   • 建立應(yīng)用程式後，您將看到它列在儀表板上的「應(yīng)用程式」部分。
   • 在這裡，您將找到您的應(yīng)用公共 ID。這是您將在 JavaScript 程式碼中使用的 API 金鑰，用於將您的網(wǎng)站與 FaceIO 連接。

2. 複製應(yīng)用公用 ID:

   • 點(diǎn)選應(yīng)用公用ID旁的複製圖示進(jìn)行複製。
   • 現(xiàn)在，您可以將此金鑰貼到程式碼中顯示「app-public-id」的位置。

範(fàn)例：將 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í)伺服器上運(yùn)行 FaceIO。

在即時(shí)伺服器上運(yùn)作：

• FaceIO 要求 JavaScript 檔案由即時(shí) HTTP 伺服器提供，而不是來自 file:// URL（本機(jī)檔案）。
• 確保您正在伺服器上執(zhí)行 HTML 檔案。您可以使用 VS Code 的 Live Server 擴(kuò)充功能或 Node.js 等工具。

首先，在電腦中安裝node.js，然後在FaceIO專案中安裝以下套件：

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

然後透過以下命令使用它：

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

這是您的 vscode 終端機(jī)中的即時(shí)伺服器連結(jié)：

處理錯(cuò)誤？

並不是所有事情都一直順利，所以我們需要在錯(cuò)誤發(fā)生時(shí)進(jìn)行處理。這是一個(gè)執(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);
    });
}

？ ?♂? 這段程式碼有什麼作用？

• 它需要一個(gè)錯(cuò)誤代碼並將其與特定訊息相匹配。
• 例如，如果使用者不允許存取相機(jī)，它會告訴他們需要啟用它。
• 每個(gè)錯(cuò)誤案例都可以幫助使用者了解出了什麼問題以及下一步該做什麼。

為什麼 FaceIO 需要 HTTP 伺服器？ ？

您可能想知道為什麼此程式碼需要在伺服器上運(yùn)行，而不是僅僅在瀏覽器中將其作為常規(guī)檔案開啟。原因如下：

1. ??? JavaScript 與安全性:

   • JavaScript 程式碼在您的瀏覽器（客戶端）中運(yùn)作。但出於安全原因，它無法直接與非其來源的伺服器通訊。
   • 這稱為同源策略。它可以保護(hù)您的資料安全，防止您未開啟的網(wǎng)站存取。

2. ？ ? FaceIO 需要與其伺服器對話：

   • 當(dāng)您註冊或驗(yàn)證人臉時(shí)，F(xiàn)aceIO 庫會將資訊傳送至其伺服器以比較或儲存資料。
   • 為了安全地執(zhí)行此操作，它必須來自正確的網(wǎng)址（例如 http://yourwebsite.com），而不僅僅是電腦上的本機(jī)檔案。

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

FaceIO 提供網(wǎng)路為基礎(chǔ)的應(yīng)用程式管理員。這就像一個(gè)儀表板，您可以在其中控制應(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 函式庫、建立按鈕並設(shè)定用於註冊和驗(yàn)證使用者的功能。
3. 錯(cuò)誤處理對於在出現(xiàn)問題時(shí)指導(dǎo)使用者非常重要。
4. 需要HTTP 伺服器來繞過瀏覽器安全規(guī)則並與 FaceIO 的伺服器正常通訊。
5. 應(yīng)用程式管理員可協(xié)助您控制使用者、設(shè)定和安全性。

按照以下步驟，您可以製作一個(gè)網(wǎng)站，用戶只需查看網(wǎng)路攝影機(jī)即可登入！您正在將您的網(wǎng)站變成一個(gè)未來派應(yīng)用程序，可以識別面孔，並使其更加用戶友好和安全，以吸引您的面試官或客戶！

---

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

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

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