🇫🇷 Adaptateur portefeuille Aleo

! L'application s'ouvre et se connecte dans votre navigateur chrome uniquement si vous êtes connecté avec votre compte

I. ÉTAPE 1 - OBTENEZ UN PORTEFEUILLE

• Téléchargez et installez un portefeuille compatible Aleo. Nous recommandons le portefeuille Leo

II. ÉTAPE 2 - CRÉER UN NOUVEAU COMPTE PORTEFEUILLE

• Une fois installé - cliquez sur "Créer un nouveau portefeuille"
• Tapez votre mot de passe
• Enregistrez la phrase de récupération secrète fournie dans un endroit sûr et terminez la création

III. ÉTAPE 3 - CONNECTEZ VOTRE PORTEFEUILLE

• Maintenant que vous avez configuré un portefeuille avec des fonds, connectez-le à notre website https://demo.leo.app/

IV. ÉTAPE 4 - COMMENCEZ À SIGNER

Passer à la page et commencer à tester https://demo.leo.app/sign

Adaptateur de portefeuille pour les applications Aleo

• Install

  npm install --save @demox-labs/aleo-wallet-adapter-base @demox-labs/aleo-wallet-adapter-react @demox-labs/aleo-wallet-adapter-reactui @demox-labs/aleo-wallet-adapter-leo react

• Setup

  import React, { FC, useMemo } from 'react';
import { WalletProvider } from '@demox-labs/aleo-wallet-adapter-react';
import { WalletModalProvider } from '@demox-labs/aleo-wallet-adapter-reactui';
import { LeoWalletAdapter } from '@demox-labs/aleo-wallet-adapter-leo';
import { DecryptPermission, WalletAdapterBase } from '@demox-labs/aleo-wallet-adapter-base';

  // Default styles that can be overridden by your app require('@demox-labs/aleo-wallet-adapter-react-ui/styles.css');

  export const Wallet: FC = () => { const wallets = useMemo( () => [ new LeoWalletAdapter({ appName: 'Leo Demo App', }), ], [] );

  return ( // Your app's components go here ); };

• Signing

  import { WalletNotConnectedError } from '@demox-labs/aleo-wallet-adapter-base';
import { useWallet } from '@demox-labs/aleo-wallet-adapter-react';
import React, { FC, useCallback } from 'react';

  export const SignMessage: FC = () => { const { wallet, publicKey } = useWallet();

  const onClick = useCallback(async () => {
if (!publicKey) throw new WalletNotConnectedError();

  const message = "a message to sign";

  const bytes = new TextEncoder().encode(message);
const signatureBytes = await (
wallet?.adapter as LeoWalletAdapter ).signMessage(bytes);
const signature = new TextDecoder().decode(signatureBytes); alert("Signed message: " + signature); }

  return ( Sign message ); };

• Decrypting

  import { WalletNotConnectedError } from '@demox-labs/aleo-wallet-adapter-base';
import { useWallet } from '@demox-labs/aleo-wallet-adapter-react'; import React, { FC, useCallback } from 'react';

  export const DecryptMessage: FC = () => { const { wallet, publicKey } = useWallet();

  const onClick = async () => { const cipherText = 'record....'; if (!publicKey) throw new WalletNotConnectedError();
const decryptedPayload = await wallet?.adapter).decrypt(cipherText);
alert("Decrypted payload: " + decryptedPayload); }

  return ( Decrypt message ); }

Plus d'informations peuvent être trouvées dans les documents officiels --> https://docs.leo.app/aleo-wallet-adapter