Integracja portfela Socios.com

Zintegruj portfel Socios.com w przepływie Connect Wallet dApp na Chiliz Chain używając Reown AppKit lub WalletConnect, z chain ID 88888 (Mainnet) i 88882 (Spicy Testnet).

dApps zazwyczaj mają przycisk "Connect Wallet", który wywołuje okno pop-up, gdzie użytkownik może wybrać dostawcę portfela. Pop-up wysyła następnie wiadomość do wybranego portfela w celu weryfikacji, że użytkownik faktycznie posiada ten adres portfela.

Istnieje kilka sposobów integracji portfela Socios w modalnym pop-upie "Connect Wallet" Twojej dApp. Polegając na renomowanych narzędziach, możesz zapewnić bezpieczne i bezproblemowe doświadczenie, które działa z wieloma dostawcami portfeli (takimi jak MetaMask i inne) i sieciami, w tym Chiliz Chain (zarówno Spicy Testnet, jak i Chiliz Mainnet).

Ta strona ma na celu przedstawienie różnych opcji do wyboru.

Ponieważ celujesz w Chiliz Chain, upewnij się, że w konfiguracji podajesz prawidłowy chainId:

• 88882: Spicy Testnet

• 88888: Chiliz Mainnet

Zacznij od testowania integracji na Spicy Testnet (88882), potwierdź, że wszystko działa poprawnie, a dopiero potem przejdź na Chiliz Mainnet (88888).

Wszystkie parametry znajdziesz tutaj: polaczenie-z-chiliz-chain

Wybierz biblioteki i frameworki

Możesz korzystać z różnych zewnętrznych narzędzi, aby usprawnić połączenie portfela, obsługę wielu sieci i zaawansowane funkcje. Wybierz narzędzie na podstawie stosu technologicznego projektu.

Reown (wcześniej WalletConnect)

Reown to nazwa WalletConnect Inc. od 2024 roku. Znany zestaw narzędzi do łączenia portfeli WalletConnect nosi teraz nazwę Reown SDK (lub AppKit). Wcześniej znany był jako Web3Modal.

Reown posiada przewodnik krok po kroku dotyczący korzystania z AppKit i powinieneś też przeczytać ich pełną dokumentację.

WYMAGANE

Portfel Socios.com implementuje standard ERC-1271, co oznacza, że smart kontrakt za nim implementuje metodę isValidSignature() zamiast erecover().

Dlatego Twoja dApp MUSI obsługiwać ERC-1271 i implementować wywołanie isValidSignature().

Zobacz dokumentację Reown po więcej informacji.

RainbowKit

RainbowKit to biblioteka React do dodawania funkcji łączenia portfeli. Opiera się na viem i Wagmi i zapewnia gotowe komponenty dla nowoczesnego, przyjaznego dla użytkownika przepływu integracji.

Przeczytaj ich własne wprowadzenie, aby dowiedzieć się więcej.

Moralis

Moralis oferuje gotowe przepływy uwierzytelniania dla sieci kompatybilnych z EVM (w tym Chiliz Chain, jeśli jest poprawnie skonfigurowana), a także metody po stronie serwera do weryfikacji i zarządzania sesjami użytkowników.

Jeśli już używasz Moralis, możesz go użyć do stworzenia przycisku "Connect Wallet" dla dApp kilkoma metodami/narzędziami:

• How to Authenticate Users with WalletConnect

• How to Authenticate Users with RainbowKit

• How to Authenticate Users with Magic.Link

• itd.

thirdweb

thirdweb oferuje Connect — elastyczny przepływ rejestracji, który uwzględnia różne preferencje, co jest kluczowe przy wdrażaniu użytkowników.

Możesz korzystać z dokumentacji Wallets, a nawet bawić się placem zabaw ConnectButton.

Polecaj portfel Socios.com w modalnym pop-upie

Możesz dostosować wyświetlanie modalnego pop-upu, aby wyróżnić portfel Socios.com:

• Z Reown/WalletConnect: Dostosuj sekcję "Recommended Wallet" modalu używając opcji explorerRecommendedWalletIds.

• Z RainbowKit: Możesz zbudować własną listę portfeli używając opcji connectorsForWallets.

Zapewnij optymalne doświadczenie użytkownikom

Dla lepszego doświadczenia użytkownika zalecamy przechowywanie adresu portfela użytkownika w session storage dApp lub w profilu użytkownika. Dzięki temu użytkownik nie będzie musiał łączyć się z portfelem za każdym razem, gdy odwiedza platformę.

Obsługiwane metody

Portfel Socios.com obsługuje następujące metody:

• eth_sendTransaction

• eth_signTransaction

• personal_sign

Planujemy wkrótce obsługiwać następujące metody:

• eth_signTypedData

• eth_signTypedData_v4

Weryfikacja SIWE

Jeśli chcesz używać portfela Socios.com do uwierzytelniania przez SIWE, pamiętaj, że portfel Socios.com jest portfelem SCA, a nie zwykłym portfelem EOA. Ekosystem Ethereum obejmuje dwa główne typy kont: Smart Contract Accounts (SCAs) i Externally Owned Accounts (EOAs).

Podczas gdy podpis dla portfeli EOA można zweryfikować za pomocą ecrecover (np. używając ethers.utils.verifyMessage), standard EIP-1271 (którego używa portfel Socios.com) wymaga wywołania metody isValidSignature kontraktu w celu weryfikacji.

Dlatego podczas uwierzytelniania konta musisz najpierw sprawdzić, czy adres jest kontraktem, a w zależności od tego wybrać odpowiednią metodę weryfikacji.