Autorisez vos utilisateurs DApp à se connecter en utilisant Facebook et Google

Pour la documentation complète, allez sur Site Web de Torus.

Étape 1: installer les packages

Le package torus peut être trouvé sur NPM et installé à l’aide de la commande suivante:

npm install @toruslabs/torus-embed

En plus de Torus, vous aurez besoin du package Web3 JS comme d’habitude. Si vous ne l’avez pas déjà fait, installez-le à l’aide de la commande suivante:

npm install web3

Étape 2: Importer et exiger

Dans le fichier dans lequel vous souhaitez établir la connexion, assurez-vous d’avoir le code suivant en tête du fichier:

import Torus from "@toruslabs/torus-embed";
import Web3 from "web3";

Étape 3: initialiser Torus

Dans le même fichier, nous devons initialiser l’objet Torus afin de pouvoir commencer à interagir avec lui. Pour ce faire, copiez les éléments suivants dans votre fichier:

const torus = new Torus();
await torus.init();

Étape 4: Connectez-vous et initialisez Web3

Si vous souhaitez que votre DApp connecte immédiatement l’utilisateur, collez ces commandes immédiatement sous les lignes précédentes. Si vous souhaitez que l’utilisateur se connecte en cas de clic sur un bouton, placez-les dans l’écouteur de cet événement.

await torus.login(); // await torus.ethereum.enable()
const web3 = new Web3(torus.provider);

Cela invitera l’utilisateur à se connecter en utilisant la méthode qu’il a choisie.

Leurs adresses de portefeuille peuvent être gérées à partir du site Web de Torus, ou vous pouvez ajouter vous-même des fonctionnalités en utilisant leur API.

À partir de là, utilisez le web3 par exemple, vous avez à partir de l’étape quatre pour interagir avec la Blockchain, tout comme vous le feriez avec Metamask!