Jasa Integrasi Web3 Wallet (MetaMask / WalletConnect)

Jasa Integrasi Web3 Wallet — ubah website biasa menjadi dApp yang bisa connect wallet dengan pengalaman pengguna setara produk Web3 komersial. ━━━━━━━━━━━━━━━━━━━━━━ CAKUPAN INTEGRASI ━━━━━━━━━━━━━━━━━━━━━━ • Connect / disconnect wallet dengan state persist (session) • Dukungan MetaMask (injected provider) & WalletConnect v2 • Multi-chain: konfigurasi chain ID, RPC fallback, deteksi jaringan salah • Prompt switch network otomatis saat user di chain yang tidak didukung • Sign message (SIWE-ready pattern) untuk autentikasi wallet-based • Dukungan EIP-712 typed data sign (untuk permit/order off-chain) • Listener event: accountsChanged, chainChanged, disconnect • Tampilan alamat singkat (0x1234…abcd) + copy + block explorer link • Loading & error state UX (user reject, no wallet, wrong network) ━━━━━━━━━━━━━━━━━━━━━━ IMPLEMENTASI TEKNIS ━━━━━━━━━━━━━━━━━━━━━━ • Stack: React / Vue 3 / Next. js / vanilla JS — sesuai codebase Anda • Library: wagmi + viem, atau ethers. js v6 (disepakati di kickoff) • WalletConnect Cloud project ID — kami bantu setup • Abstraksi provider agar mudah tambah wallet lain (Coinbase Wallet, Rabby) • TypeScript typings untuk integrasi aman (jika project TS) • Komponen UI modular: ConnectButton, NetworkSwitcher, AccountDropdown ━━━━━━━━━━━━━━━━━━━━━━ KEAMANAN & BEST PRACTICE ━━━━━━━━━━━━━━━━━━━━━━ • Tidak pernah menyimpan private key / seed phrase • Validasi chainId server-side untuk aksi sensitif (jika ada backend) • Nonce / session binding untuk sign-in wallet (opsional, jika diminta) • Rate limit endpoint verifikasi signature (jika ada backend PHP/Node) • Checklist keamanan integrasi disertakan di dokumentasi ━━━━━━━━━━━━━━━━━━━━━━ DELIVERABLE ━━━━━━━━━━━━━━━━━━━━━━ • Modul integrasi wallet (source code) + contoh halaman demo • Konfigurasi chain & RPC template (. env. example) • Dokumentasi developer: cara extend chain, custom theme WC, troubleshooting • Uji di desktop Chrome + MetaMask + 1 mobile wallet (WalletConnect) • 1x revisi UI minor (warna, teks tombol, posisi widget) ━━━━━━━━━━━━━━━━━━━━━━ PRASYARAT ━━━━━━━━━━━━━━━━━━━━━━ • Akses repo frontend (Git) atau folder deploy • Daftar jaringan/blockchain yang wajib didukung • Brand guideline dasar (logo, warna) untuk widget • Backend endpoint (jika butuh verifikasi signature di server) ━━━━━━━━━━━━━━━━━━━━━━ TIDAK TERMASUK ━━━━━━━━━━━━━━━━━━━━━━ • Pembuatan smart contract (jasa terpisah) • Desain ulang seluruh website • Integrasi DeFi swap / bridge • Custodial wallet / embedded wallet enterprise ━━━━━━━━━━━━━━━━━━━━━━ TIMELINE ━━━━━━━━━━━━━━━━━━━━━━ 7–12 hari kerja setelah akses repo & spesifikasi chain fix. Hasil: pengguna bisa connect wallet dalam