B3 SDK

B3 SDK란 무엇인가요?

B3 SDK(@b3dotfun/sdk)는 B3 생태계에서 애플리케이션을 구축하는 데 필요한 모든 것을 제공하는 통합 TypeScript SDK입니다. 강력한 크로스체인 결제 인프라와 원활한 인증을 결합하여, 개발자 친화적인 React 컴포넌트와 헤드리스 서비스로 제공됩니다.

아키텍처

SDK는 최대한의 유연성과 사용 용이성을 위해 집중된 모듈로 구성되어 있습니다:

모듈 구조

각 모듈은 목적에 맞게 구성된 컴포넌트를 포함합니다:
  • react/ - 쉬운 통합을 위한 React 컴포넌트와 훅
  • services/ - 커스텀 구현을 위한 헤드리스 TypeScript 서비스
  • types/ - 포괄적인 TypeScript 정의
  • utils/ - 유틸리티 함수와 헬퍼
  • constants/ - 구성 및 상수

플랫폼 지원

기능React WebReact Native헤드리스
AnySpend
글로벌 계정
공유 유틸리티

설치

npm install @b3dotfun/sdk

CSS 스타일

최상의 시각적 경험을 위해 기본 스타일을 가져옵니다:
import "@b3dotfun/sdk/index.css";

빠른 시작

AnySpend를 사용한 크로스체인 결제

import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

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

글로벌 계정을 사용한 인증

import { B3Provider, 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>
  );
}

NFT 민팅

import { AnySpendNFTButton } from "@b3dotfun/sdk/anyspend/react";

function NFTMinting() {
  const nftContract = {
    address: "0x9c275ff1634519E9B5449ec79cd939B5F900564d",
    chainId: 8333,
    name: "Example NFT Collection",
    imageUrl: "https://example.com/nft.jpg",
    price: "1000000000000000000", // 1 ETH in wei
    currency: { symbol: "ETH", decimals: 18 }
  };

  return (
    <AnySpendNFTButton
      nftContract={nftContract}
      recipientAddress="0x..."
    />
  );
}

주요 기능

범용 결제 인프라

모든 토큰 결제

선호하는 토큰으로 자동 변환되는 모든 암호화폐로 결제를 수락합니다.

크로스체인 스왑

20개 이상의 지원되는 블록체인을 통한 원활한 토큰 스왑을 가능하게 합니다.

NFT 민팅

모든 체인의 모든 토큰으로 결제를 수락하는 원클릭 NFT 민팅 버튼.

피아트 온램프

기존 암호화폐가 없는 사용자를 위한 통합된 피아트-크립토 온램프.

원활한 인증

소셜 로그인

Google, Discord 등의 소셜 제공자와 즉각적인 온보딩.

세션 키

강화된 UX를 위한 세분화된 권한을 가진 안전한 세션 관리.

크로스플랫폼 아이덴티티

모든 B3 애플리케이션과 게임에서 작동하는 단일 아이덴티티.

스마트 계정

가스 없는 거래를 위한 내장된 스마트 계정 추상화.

헤드리스 TypeScript 서비스

최대한의 제어가 필요한 개발자를 위해 모든 기능은 헤드리스 서비스를 통해 제공됩니다:

AnySpend 서비스

import { anyspendService } from "@b3dotfun/sdk/anyspend/services/anyspend";

// 크로스체인 스왑을 위한 견적 받기
const quote = await anyspendService.getQuote({
  srcChain: 1,
  dstChain: 8333,
  srcTokenAddress: "0x...",
  dstTokenAddress: "0x...",
  srcAmount: "1000000",
  recipientAddress: "0x...",
  type: "swap"
});

// 주문 생성 및 실행
const order = await anyspendService.createOrder({
  // ... 주문 매개변수
});

글로벌 계정 서비스

import { authenticate } from "@b3dotfun/sdk/global-account/app";

// 사용자 인증
const authResult = await authenticate(
  "access-token",
  "identity-token"
);

if (authResult) {
  console.log("Authentication successful:", authResult);
}

지원 및 커뮤니티

다음 단계는?

  1. **SDK를 설치**하고 스타일을 가져옵니다
  2. **AnySpend를 설정**하여 크로스체인 결제를 준비합니다
  3. **글로벌 계정을 구성**하여 사용자 인증을 설정합니다
  4. **예제를 탐색**하고 구현 패턴을 살펴봅니다
  5. **커뮤니티에 가입**하여 지원 및 업데이트를 받습니다
B3 SDK는 원활한 사용자 경험을 가진 차세대 크로스체인 애플리케이션을 구축하는 데 필요한 모든 것을 제공합니다. 오늘 바로 구축을 시작하세요!