FaceIO est un service qui permet aux sites Web et aux applications de reconnaître une personne grâce à son visage à l'aide d'une webcam.
Au lieu de saisir un mot de passe ou d'utiliser une empreinte digitale, les utilisateurs peuvent simplement regarder la caméra et l'application peut confirmer qui ils sont.
Ceci est utile car :
Il existe deux actions principales avec FaceIO :
Pour utiliser FaceIO, vous devez ajouter leur bibliothèque JavaScript (un code spécial qui effectue la détection des visages) à votre site Web. Voici comment procéder :
1. Inclure le script :
Ajoutez une balise de script dans votre fichier HTML qui pointe vers la bibliothèque de FaceIO :
<script src="https://cdn.faceio.net/fio.js"></script>
? Ce script permet à votre site Web d'utiliser les fonctionnalités de FaceIO.
2. Créer des boutons pour s'inscrire et s'authentifier :
Dans votre HTML, ajoutez deux boutons :
<button onclick="enrollNewUser()">Enroll New User</button> <button onclick="authenticateUser()">Authenticate User</button>
? Lorsqu'un utilisateur clique sur ces boutons, il s'inscrira (enregistrera son visage) ou s'authentifiera (vérifiera son visage).
Le processus de sauvegarde du visage d'un nouvel utilisateur est appelé inscription. Voici le code JavaScript correspondant :
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);
});
}
?♂️ À quoi sert ce code ?
Voici comment vérifier si un utilisateur est bien celui qu'il prétend utiliser son visage :
<script src="https://cdn.faceio.net/fio.js"></script>
?♂️ À quoi sert ce code ?
Pour obtenir la clé API (également connue sous le nom d'**App Public ID) dans FaceIO, suivez ces étapes simples :**
Inscrivez-vous à FaceIO :
Créer une nouvelle application :
Trouver l'identifiant public de l'application :
Copiez l'identifiant public de l'application :
Exemple : Remplacez « app-public-id » dans le code JavaScript par votre véritable identifiant public d'application :
<button onclick="enrollNewUser()">Enroll New User</button> <button onclick="authenticateUser()">Authenticate User</button>
Maintenant, votre application est connectée à FaceIO et prête à utiliser les fonctionnalités de reconnaissance faciale !
Avant de précéder, laissez-moi vous montrer comment exécuter FaceIO sur un serveur en direct.
Fonctionnement sur un serveur Live :
Tout d'abord, installez node.js sur votre ordinateur, puis installez le package suivant dans le projet FaceIO :
<script src="https://cdn.faceio.net/fio.js"></script>
Ensuite, utilisez-le par la commande suivante :
<button onclick="enrollNewUser()">Enroll New User</button> <button onclick="authenticateUser()">Authenticate User</button>
Voici le lien du serveur live dans votre terminal vscode :
Tout ne se passe pas toujours bien, nous devons donc gérer les erreurs lorsqu'elles se produisent. Voici une fonction qui fait cela :
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);
});
}
?♂️ À quoi sert ce code ?
Vous vous demandez peut-être pourquoi ce code doit s'exécuter sur un serveur au lieu de simplement l'ouvrir sous forme de fichier normal dans votre navigateur. Voici pourquoi :
?? JavaScript et sécurité :
?️ FaceIO doit parler à son serveur :
FaceIO propose un Gestionnaire d'applications basé sur le Web. C'est comme un tableau de bord où vous pouvez tout contrôler sur votre application :
En suivant ces étapes, vous pouvez créer un site Web sur lequel les utilisateurs peuvent se connecter simplement en regardant leur webcam ! Vous transformez votre site Web en une application futuriste qui reconnaît les visages et le rendez plus convivial et sécurisé pour attirer votre intervieweur ou votre client !
J'espère que cette explication vous a été utile ! Il couvre tout, du fonctionnement de FaceIO à sa configuration et à sa gestion. Faites-moi savoir si vous avez d'autres questions !
Lire la suite : compétences pour devenir développeur backend en 6 mois (feuille de route)
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
