​
1단계: B3 SDK 설치

1

SDK 패키지 설치

선호하는 패키지 관리자를 사용하여 B3 SDK를 설치하세요:
npm install @b3dotfun/sdk
B3 SDK는 TypeScript 정의를 기본으로 포함하고 있습니다!
2

CSS 스타일 가져오기

애플리케이션에 기본 스타일을 가져옵니다:
import "@b3dotfun/sdk/index.css";

​
2단계: B3Provider 추가

애플리케이션의 루트 주변에 B3Provider를 감싸세요: 
import { B3Provider, SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production">
      {children}
    </B3Provider>
  );
}

​
3단계: B3 SDK 사용

B3를 사용한 글로벌 계정 인증 활성화:
import { SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

function App() {
  return (
    <B3Provider environment="production">
      <SignInWithB3
        provider={{ strategy: "google" }}
        partnerId="your-partner-id"
        onLoginSuccess={(globalAccount) => {
          console.log("Authenticated:", globalAccount);
        }}
      />
    </B3Provider>
  );
}
AnySpend를 사용한 크로스체인 스왑 및 사용자 정의 상호작용 활성화:
import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

function SwapPage() {
  return <AnySpend mode="page" />;
}

​
4단계: 생태계 탐색

B3 생태계 발견

빌더를 위한 B3 생태계, 도구 및 리소스에 대해 알아보세요.

​
다음 단계는?

이제 B3 SDK를 설치했으니, 이러한 강력한 기능을 탐색하세요:

글로벌 계정

B3 생태계 전반에 걸친 원활한 인증 및 사용자 관리.

데이터 API

토큰, NFT, 프로필 및 분석을 위한 블록체인 데이터 접근.

AnySpend SDK

크로스체인 스왑, NFT 민팅 및 블록체인 작업.

예제 및 데모

사용 가능한 예제 및 통합 패턴.

​
플랫폼 지원

기능React WebReact Native
AnySpend✅❌
글로벌 계정✅✅
헤드리스 서비스✅✅
도움이 필요하신가요? 우리의 Discord 커뮤니티에 가입하거나 생태계 소개를 확인하여 종합적인 리소스를 확인하세요.