​
Langkah 1: Pasang SDK B3

1

Pasang paket SDK

Pilih manajer paket pilihan Anda untuk memasang SDK B3:
npm install @b3dotfun/sdk
SDK B3 sudah termasuk definisi TypeScript secara langsung!
2

Impor gaya CSS

Impor gaya bawaan dalam aplikasi Anda:
import "@b3dotfun/sdk/index.css";

​
Langkah 2: Tambahkan B3Provider

Bungkus B3Provider di sekitar akar aplikasi Anda: 
import { B3Provider, SignInWithB3 } from "@b3dotfun/sdk/global-account/react";

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

​
Langkah 3: Gunakan SDK B3

Aktifkan otentikasi akun global dengan 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>
  );
}
Aktifkan pertukaran lintas rantai & interaksi kustom dengan AnySpend:
import { AnySpend } from "@b3dotfun/sdk/anyspend/react";

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

​
Langkah 4: Jelajahi Ekosistem

Jelajahi Ekosistem B3

Pelajari tentang ekosistem B3 yang lengkap, alat, dan sumber daya yang tersedia untuk pembangun.

​
Apa Selanjutnya?

Sekarang Anda telah memasang SDK B3, jelajahi fitur-fitur canggih ini:

Akun Global

Otentikasi dan manajemen pengguna yang mulus di seluruh ekosistem B3.

Data API

Akses data blockchain untuk token, NFT, profil, dan analitik.

SDK AnySpend

Pertukaran lintas rantai, pencetakan NFT, dan operasi blockchain.

Contoh & Demo

Contoh yang siap digunakan dan pola integrasi.

​
Dukungan Platform

FiturReact WebReact Native
AnySpend✅❌
Akun Global✅✅
Layanan Tanpa Kepala✅✅
Butuh bantuan? Bergabung dengan komunitas Discord kami atau lihat pengenalan ekosistem untuk sumber daya yang komprehensif.