메인 콘텐츠로 건너뛰기
선택 사항: 공식 WalletConnect 문서공식 Wagmi + Reown 설치 문서는 여기에서 확인할 수 있습니다.

​
의존성 설치

npm install --save @story-protocol/core-sdk @reown/appkit @reown/appkit-adapter-wagmi wagmi viem @tanstack/react-query

​
설정

예제로 들어가기 전에 두 가지를 먼저 설정해 두세요:
  1. .env 파일에 NEXT_PUBLIC_RPC_PROVIDER_URL이 설정되어 있는지 확인하세요.
    • 공개 기본 RPC(https://aeneid.datarpc.io)를 사용하거나, 여기에서 다른 RPC를 사용할 수 있습니다.
  2. .env 파일에 NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID가 설정되어 있는지 확인하세요. Reown (이전 WalletConnect)에 로그인하여 프로젝트를 생성하면 됩니다.
import { cookieStorage, createStorage, http } from "@wagmi/core";
import { WagmiAdapter } from "@reown/appkit-adapter-wagmi";
import { mainnet, arbitrum } from "@reown/appkit/networks";
import { aeneid } from "@story-protocol/core-sdk";

// Get projectId from https://cloud.reown.com
export const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;

if (!projectId) {
  throw new Error("Project ID is not defined");
}

export const networks = [aeneid];

//Set up the Wagmi Adapter (Config)
export const wagmiAdapter = new WagmiAdapter({
  storage: createStorage({
    storage: cookieStorage,
  }),
  ssr: true,
  projectId,
  networks,
});

export const config = wagmiAdapter.wagmiConfig;