사전 요구 사항

Node.js

v20.15.0 이상

React

버전 18 또는 19

TypeScript

더 나은 DX를 위해 권장됨

설치

선호하는 패키지 매니저를 선택하세요:
npm install @b3dotfun/sdk

기본 설정

1. Provider 설정

앱을 B3ProviderAnyspendProvider로 감싸 AnySpend 기능을 활성화하세요:
App.tsx
import { AnyspendProvider } from "@b3dotfun/sdk/anyspend/react";
import { B3Provider } from "@b3dotfun/sdk/global-account/react";
import "@b3dotfun/sdk/index.css";

function App() {
  return (
    <B3Provider theme="light" environment="production">
      <AnyspendProvider>{/* 앱 컴포넌트들 */}</AnyspendProvider>
    </B3Provider>
  );
}

export default App;

2. 환경 설정

엔드포인트: https://mainnet.anyspend.com실제 거래가 있는 프로덕션 애플리케이션에 사용하세요.

3. TypeScript 설정 (선택사항이지만 권장됨)

TypeScript를 사용하는 경우, 최적의 호환성을 위해 tsconfig.json에 다음 설정이 포함되어 있는지 확인하세요:
tsconfig.json
{
  "compilerOptions": {
    "moduleResolution": "node",
    "allowSyntheticDefaultImports": true,
    "esModuleInterop": true
  }
}

검증

설정이 올바르게 작동하는지 확인하기 위해 간단한 테스트 컴포넌트를 만드세요:
TestComponent.tsx
import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

function TestComponent() {
  return <AnySpend />;
}

다음 단계

문제 해결