How to integrate Socios Wallet in your dApp
Last updated
Was this helpful?
Last updated
Was this helpful?
dApps typically have a “Connect Wallet” button to trigger a pop-up window where the user can select their wallet provider. The pop-up would then send a message to the chosen wallet in order to verify that this user does own this wallet address.
There are several ways of integrating the Socios Wallet into your dApp's "Connect Wallet" pop-up modal. By relying on reputed tools, you can provide a secure and seamless experience that works with multiple wallet providers (such as MetaMask & others), and chains, including Chiliz Chain (both Spicy Testnet and Chiliz Mainnet).
This page aims to present you with various options to choose from.
You can leverage various external tools to streamline wallet connectivity, multi-chain support, and advanced features. Choose your tool based on your project’s tech stack.
Reown has a , and you should also peruse .
They also provide a which, although focused on Polkadot, has steps that can be applied more broadly.
REQUIRED
The Socios.com Wallet implements the standard, which means that the smart contract behind it implements the isValidSignature()
method instead of erecover()
.
Therefore, your dApp MUST support ERC-1271 and implement a call to isValidSignature()
.
See for more.
HIGHLY RECOMMENDED
This is done by connecting to Reown Cloud, going to the "Domain verification" section, and indicating the site that you wish to verify.
If you already use Moralis, you can use it to create your dApps "Connect Wallet" button with several methods/tools:
They also have longform blogposts about each:
You can customize the display of the pop-up modal to feature Socios Wallet:
For a better user experience, we recommend you to store the user wallet address in the session storage on your app, or in the user profile. This way, the user won't have to connect to their wallet address every time they comes on your platform.
To ensure the authenticity of connections between your dApp and Socios.com Wallet (as well as other wallets), we strongly recommend you to use .
is a React library for adding wallet-connection features. It relies on and , and provides pre-built components for a modern, user-friendly integration flow.
View to learn more about it.
offers (including Chiliz Chain if configured properly), as well as server-side methods to validate and manage user sessions.
offers Connect, a flexible sign-up flow that accommodates different preferences is critical when onboarding users.
You can rely on their , and even play with their .
With Reown/WalletConnect: Customize the "Recommended Wallet" section of the modal using the option.
With RainbowKit: You can build your own list of wallets using the option.