Socios.com Wallet を dApp に統合する

Reown AppKit または WalletConnect を使用して、Chiliz Chain dApp の Connect Wallet フローに Socios.com Wallet を統合します。chain ID は 88888 (Mainnet)、88882 (Spicy Testnet) です。

dApp には通常、ポップアップウィンドウを表示するための「Connect Wallet」ボタンがあり、ユーザーはそこで wallet プロバイダーを選択できます。ポップアップは選択された wallet にメッセージを送信し、そのユーザーがこの wallet アドレスを実際に所有していることを verify します。

dApp の「Connect Wallet」ポップアップモーダルに Socios Wallet を統合する方法はいくつかあります。定評のあるツールを利用することで、複数の wallet プロバイダー (MetaMask など) や、Chiliz Chain (Spicy Testnet と Chiliz Mainnet の両方) を含む複数のチェーンで動作する、安全でシームレスな体験を提供できます。

このページでは、選択できるさまざまなオプションを紹介します。

Chiliz Chain を対象とするため、設定で正しい chainId を指定してください:

88882: Spicy Testnet
88888: Chiliz Mainnet

まず Spicy Testnet (88882) で統合をテストし、すべてが問題なく動作することを確認してから、Chiliz Mainnet (88888) に移行してください。

すべてのパラメーターはこちらを参照してください: Chiliz Chain に接続する

ライブラリとフレームワークを選ぶ

さまざまな外部ツールを活用して、wallet 接続、マルチチェーン対応、高度な機能を効率化できます。プロジェクトの技術スタックに応じてツールを選んでください。

Reown (旧 WalletConnect)

Reown は 2024 年以降の WalletConnect Inc. の名称です。よく知られた WalletConnect の wallet 接続ツールキットは、現在 Reown SDK (または AppKit) と呼ばれています。これは以前 Web3Modal として知られていました。

Reown には AppKit を使用するためのステップバイステップガイドがあり、完全なドキュメントも併せて読むとよいでしょう。

必須

Socios.com Wallet は ERC-1271 標準を実装しています。つまり、その背後にある smart contract は erecover() の代わりに isValidSignature() メソッドを実装しています。

したがって、あなたの dApp は ERC-1271 をサポートし、isValidSignature() への呼び出しを実装する必要があります。

詳しくは Reown のドキュメントを参照してください。

RainbowKit

RainbowKit は、wallet 接続機能を追加するための React ライブラリです。viem と Wagmi に依存しており、モダンでユーザーフレンドリーな統合フローのための事前構築コンポーネントを提供します。

詳しくは公式の紹介を参照してください。

Moralis

Moralis は、EVM 互換チェーン (適切に設定されていれば Chiliz Chain を含む) 向けのすぐに使える認証フローと、ユーザーセッションを検証・管理するためのサーバーサイドメソッドを提供します。

すでに Moralis を使用している場合は、いくつかのメソッド/ツールを使って dApp の「Connect Wallet」ボタンを作成できます:

また、それぞれについて長文のブログ記事もあります:

thirdweb

thirdweb は Connect を提供しており、ユーザーをオンボーディングする際に異なる好みに対応できる柔軟なサインアップフローが重要です。

Wallets ドキュメントを利用したり、ConnectButton playground で試したりできます。

ポップアップモーダルで Socios.com Wallet を推奨する

ポップアップモーダルの表示をカスタマイズして、Socios.com Wallet を目立たせることができます:

Reown/WalletConnect の場合: explorerRecommendedWalletIds オプションを使用して、モーダルの「Recommended Wallet」セクションをカスタマイズします。
RainbowKit の場合: connectorsForWallets オプションを使用して、独自の wallet リストを構築できます。

ユーザーに最適な体験を提供する

より良いユーザー体験のために、ユーザーの wallet アドレスを dApp のセッションストレージまたはユーザープロフィールに保存することをお勧めします。こうすることで、ユーザーはプラットフォームに来るたびに wallet アドレスへ接続する必要がなくなります。

サポートされているメソッド

Socios.com Wallet は以下のメソッドをサポートしています:

eth_sendTransaction
eth_signTransaction
personal_sign

近日中に以下のメソッドにも対応する予定です:

eth_signTypedData
eth_signTypedData_v4

SIWE 検証

Socios.com Wallet を使用して SWIE で認証したい場合は、Socios.com Wallet が通常の EOA wallet ではなく SCA wallet であることに注意してください。 Ethereum のエコシステムには、主に 2 つのアカウントタイプがあります: Smart Contract Accounts (SCA) と Externally Owned Accounts (EOA) です。

EOA wallet の署名は ecrecover (例: ethers.utils.verifyMessage を使用) で検証できますが、EIP-1271 標準 (Socios.com Wallet が使用するもの) では、署名を検証するためにコントラクトの isValidSignature メソッドを呼び出す必要があります。

そのため、アカウントを認証する際には、まずアドレスがコントラクトであるかどうかを確認し、それに応じて適切な検証メソッドを選択する必要があります。

最終更新 22 日前

役に立ちましたか？