Intégrer le portefeuille Socios.com dans votre dApp

Les dApps disposent généralement d’un bouton « Connecter le portefeuille » qui déclenche une fenêtre contextuelle où l’utilisateur peut sélectionner son fournisseur de portefeuille. La fenêtre contextuelle envoie alors un message au portefeuille choisi afin de vérifier que cet utilisateur possède bien cette adresse de portefeuille.

Il existe plusieurs façons d’intégrer le Socios Wallet dans la modale contextuelle « Connect Wallet » de votre dApp. En vous appuyant sur des outils réputés, vous pouvez offrir une expérience sécurisée et fluide qui fonctionne avec plusieurs fournisseurs de portefeuilles (comme MetaMask et d’autres) et chaînes, y compris Chiliz Chain (à la fois Spicy Testnet et Chiliz Mainnet).

Cette page a pour objectif de vous présenter विभिन्न options parmi lesquelles choisir.

circle-info

Parce que vous ciblez Chiliz Chain, assurez-vous de spécifier le bon chainId dans votre configuration :

  • 88882 : Spicy Testnet

  • 88888 : Chiliz Mainnet

Commencez par tester votre intégration sur Spicy Testnet (88882), vérifiez que tout fonctionne correctement, puis passez seulement ensuite à Chiliz Mainnet (88888).

Voir tous les paramètres ici : Se connecter à Chiliz Chain

Choisissez vos bibliothèques et frameworks

Vous pouvez tirer parti de divers outils externes pour simplifier la connexion aux portefeuilles, la prise en charge multichaîne et les fonctionnalités avancées. Choisissez votre outil en fonction de la pile technologique de votre projet.

WalletConnect (désormais Reown)

circle-info

Reownarrow-up-right est le nouveau nomarrow-up-right de WalletConnect Inc. Le célèbre kit d’outils de connexion de portefeuille WalletConnect s’appelle désormais Reown SDKarrow-up-right (ou AppKit). Il était auparavant connu sous le nom de Web3Modal.

Reown propose un guide étape par étape pour utiliser AppKitarrow-up-rightet vous devriez également consulter leur documentation complètearrow-up-right.

circle-exclamation

RainbowKit

RainbowKitarrow-up-right est une bibliothèque React permettant d’ajouter des fonctionnalités de connexion aux portefeuilles. Elle repose sur viemarrow-up-right et le Wagmiarrow-up-right et fournit des composants préconstruits pour un flux d’intégration moderne et convivial.

Voir leur introduction proprearrow-up-right pour en savoir plus.

Moralis

Moralisarrow-up-right propose des parcours d’authentification prêts à l’emploi pour les chaînes compatibles EVMarrow-up-right (y compris Chiliz Chain si elle est correctement configurée), ainsi que des méthodes côté serveur pour valider et gérer les sessions utilisateur.

Si vous utilisez déjà Moralis, vous pouvez l’utiliser pour créer le bouton « Connect Wallet » de votre dApp avec plusieurs méthodes/outils :

Ils ont également de longs articles de blog sur chacun d’eux :

thirdweb

thirdwebarrow-up-right propose Connecterarrow-up-right, un flux d’inscription flexible qui tient compte de différentes préférences est essentiel lors de l’intégration des utilisateurs.

Vous pouvez vous appuyer sur leur documentation sur les portefeuillesarrow-up-rightet même tester leur ConnectButton playgroundarrow-up-right.

Recommander Socios.com Wallet dans la modale contextuelle

Vous pouvez personnaliser l’affichage de la modale contextuelle pour mettre en avant Socios.com Wallet :

Assurez une expérience optimale pour vos utilisateurs

Pour une meilleure expérience utilisateur, nous vous recommandons de stocker l’adresse du portefeuille de l’utilisateur dans le stockage de session de votre dApp, ou dans le profil utilisateur. Ainsi, l’utilisateur n’aura pas besoin de connecter son adresse de portefeuille à chaque fois qu’il viendra sur votre plateforme.

Méthodes prises en charge

Socios.com Wallet prend en charge les méthodes suivantes :

  • eth_sendTransaction

  • eth_signTransaction

  • personal_sign

Nous prévoyons bientôt de prendre en charge les méthodes suivantes :

  • eth_signTypedData

  • eth_signTypedData_v4

Vérification SIWE

Si vous souhaitez utiliser Socios.com Wallet pour authentifier à l’aide de SWIEarrow-up-right, veuillez noter que Socios.com Wallet est un portefeuille SCA plutôt qu’un portefeuille EOA classique. &#xNAN;L’écosystème d’Ethereum comprend deux principaux types de comptes : les comptes de contrat intelligent (SCA) et les comptes détenus en externe (EOA).

Alors que la signature des portefeuilles EOA peut être vérifiée avec ecrecover (par exemple en utilisant ethers.utils.verifyMessage ), la norme EIP-1271 (qu’utilise Socios.com Wallet) exige d’appeler la méthode isValidSignature du contrat pour la vérifier.

Ainsi, lors de l’authentification d’un compte, vous devez d’abord vérifier si l’adresse est un contrat et, selon cela, choisir la méthode de vérification appropriée.

Mis à jour

Ce contenu vous a-t-il été utile ?