Apa itu B3 Global Accounts?

B3 Global Accounts adalah sistem autentikasi terpadu yang memberikan pengguna identitas tunggal di seluruh ekosistem B3. Pengguna dapat mengautentikasi sekali dan mengakses semua aplikasi, game, dan layanan B3 secara mulus.

Fitur Utama

Social Login

Dukungan untuk Google, Discord, dan penyedia autentikasi sosial lainnya.

Session Management

Autentikasi kunci sesi yang aman dengan izin yang dapat disesuaikan.

Cross-Platform

Berfungsi lintas web, mobile, dan aplikasi desktop.

Developer Friendly

Komponen React sederhana dan layanan TypeScript tanpa antarmuka.

Arsitektur

Sistem Global Accounts terdiri dari beberapa komponen kunci:

Alur Autentikasi

  1. Social Login: Pengguna mengautentikasi dengan penyedia sosial pilihan mereka
  2. Pembuatan Akun: Akun Global B3 dibuat atau ditautkan
  3. Kunci Sesi: Kunci sesi opsional untuk keamanan yang ditingkatkan
  4. Izin: Izin granular untuk berbagai tindakan

Komponen React

  • B3Provider: Penyedia konteks untuk Global Accounts
  • SignInWithB3: Alur autentikasi lengkap
  • RequestPermissionsButton: Manajemen izin
  • AccountAssets: Menampilkan aset pengguna

Layanan Tanpa Antarmuka

  • Layanan autentikasi untuk implementasi kustom
  • Utilitas manajemen sesi
  • Pembantu validasi izin

Mulai Cepat

Autentikasi Dasar

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("User authenticated:", globalAccount);
        }}
      />
    </B3Provider>
  );
}

Periksa Status Autentikasi

import { useB3 } from "@b3dotfun/sdk/global-account/react";

function UserProfile() {
  const { account, isAuthenticated } = useB3();

  return (
    <div>
      {isAuthenticated ? (
        <p>Welcome, {account?.displayName}!</p>
      ) : (
        <p>Please sign in</p>
      )}
    </div>
  );
}

Konfigurasi Lingkungan

Atur variabel lingkungan Anda:
# Produksi
NEXT_PUBLIC_B3_API=https://api.b3.fun
NEXT_PUBLIC_BSMNT_API=https://api.basement.fun

# Pengembangan  
NEXT_PUBLIC_B3_API=https://dev-api.b3.fun
NEXT_PUBLIC_BSMNT_API=https://dev-api.basement.fun

Langkah Selanjutnya