Panduan ini dipakai untuk mencoba semua fitur utama ArcPay di browser. Tulisannya sengaja dibuat sederhana supaya mudah diikuti saat demo atau QA.
Siapkan dulu:
- project sudah jalan di
npm run dev .env.localsudah terisi- wallet browser sudah terpasang kalau mau test signing
- saldo native USDC Arc Testnet cukup kalau mau test transaksi
- Buka overview (dashboard langsung terbuka)
- Coba payment intent
- Coba connect wallet Arc
- Coba webhook
- Coba API keys
- Coba agents
- Coba contracts
- Cek health check
Bagian ini menjelaskan istilah yang muncul di dashboard.
Overview adalah halaman ringkasan.
Di sini kamu melihat kondisi umum ArcPay: payment, agent, webhook, network, dan status sistem.
Contoh mudah:
- seperti dashboard utama
- dipakai untuk cek cepat apakah sistem hidup
Payment intent adalah rencana pembayaran sebelum uang benar-benar dikirim.
Kalau pakai bahasa sederhana:
- intent = niat/rencana bayar
- payment intent = catatan bahwa sistem ingin mengirim USDC
- belum tentu uang sudah terkirim
Di UI, langkahnya biasanya begini:
Prepare intentmembuat catatan pembayaran di database.Send to walletmembuka wallet untuk benar-benar mengirim USDC.- Setelah transaksi berhasil, status bisa berubah menjadi
settled.
Jadi yang kamu lihat sebagai send USDC itu adalah bagian signing/transaksi wallet.
Sedangkan payment intent adalah catatan dan alur kontrol sebelum transaksi dikirim.
Contoh nyata:
- Kamu mau bayar vendor
0.10 USDC - Sistem membuat payment intent dulu
- Wallet diminta tanda tangan
- USDC dikirim di Arc
- Sistem menyimpan tx hash dan status
Send USDC adalah aksi transaksi wallet.
Ini bagian yang benar-benar mengirim dana dari wallet ke recipient.
Di Arc, USDC dipakai untuk:
- nominal pembayaran
- gas fee jaringan
Jadi saldo wallet harus cukup untuk amount + gas.
Agent adalah identitas service atau sistem otomatis yang boleh membuat pembayaran.
Contoh mudah:
- bot pembelian data
- AI agent yang bayar API
- service backend yang otomatis bayar vendor
Agent biasanya punya:
- wallet address
- status aktif/throttled
- API key
API key adalah kunci akses untuk agent atau service.
Contoh mudah:
- seperti password khusus untuk backend
- dipakai agar agent bisa membuat payment intent lewat API
- bisa dibatasi scope-nya
Contoh scope:
intents:createboleh bikin payment intentintents:readboleh baca intentwebhooks:writeboleh mengatur webhook
Webhook adalah cara ArcPay mengirim kabar ke sistem luar.
Contoh mudah:
- payment berhasil
- ArcPay mengirim HTTP POST ke endpoint kamu
- endpoint kamu menerima event dan memprosesnya
Contoh event:
payment_intent.createdpayment_intent.settled
Webhook di project ini sudah pakai signature HMAC, jadi penerima bisa cek apakah request benar dari ArcPay.
Webhook worker adalah proses yang benar-benar mengirim webhook.
Kalau webhook gagal:
- status masuk
retrying - worker bisa mencoba kirim lagi
- setelah beberapa kali gagal, status bisa menjadi
failed
Audit log adalah catatan aktivitas penting.
Contoh yang dicatat:
- user membuat agent
- user membuat API key
- payment intent dibuat
- webhook dibuat
- contract deployment dicatat
Gunanya untuk monitoring dan investigasi kalau ada masalah.
Contract adalah smart contract Solidity yang bisa dideploy ke Arc.
Di dashboard, halaman contract dipakai untuk:
- melihat daftar contract
- copy command deploy
- mencatat hasil deployment
- membuka Arc explorer
Catatan:
- tombol deploy di UI belum langsung deploy contract
- deploy contract tetap lewat command Foundry
Health check adalah test cepat apakah backend dan Supabase hidup.
Kalau health check sukses:
- API bisa diakses
- Supabase service role bisa connect
- app siap dipakai untuk test lanjutan
Halaman: /
Yang dites:
- dashboard utama kebuka
- kartu metrik tampil
- tabel payment intent tampil
- panel agent dan webhook tampil
Langkah:
- Buka
/ - Lihat bagian ringkasan di atas
- Cek apakah navigation kiri tampil normal
- Klik tombol
Run health check
Sukses kalau:
- halaman tidak error
- health check berstatus normal
- data dari Supabase tampil
Halaman: /intents
Yang dites:
- buat payment intent
- copy JSON intent
- lihat timeline settlement
- filter / reconcile button bisa dipakai
Langkah:
- Buka
/intents - Isi amount kecil, contoh
0.10 - Isi recipient address lengkap
- Isi kondisi
- Klik
Prepare intent - Klik
Connect Arc walletatau lanjut signing dari overview - Kalau perlu, klik
Send to wallet
Sukses kalau:
- intent dibuat
- status tampil di ledger
- tidak ada error validasi
Catatan:
- Arc memakai native USDC untuk amount dan gas
- kalau amount terlalu besar, wallet bisa gagal karena saldo tidak cukup
Halaman: / atau /intents
Yang dites:
- wallet bisa connect
- network switch ke Arc Testnet
- transaksi bisa disiapkan
Langkah:
- Klik
Connect Arc wallet - Approve request di wallet
- Pastikan chain yang aktif adalah Arc Testnet
- Klik
Send to wallet
Sukses kalau:
- wallet tersambung
- transaksi muncul di wallet
- status intent berubah ke settled setelah update
Halaman: /webhooks
Yang dites:
- daftar endpoint tampil
- form create endpoint bisa dipakai
- test webhook mengirim request keluar
- delivery queue dan audit trail tampil
Langkah:
- Buka
/webhooks - Isi URL endpoint HTTPS publik
- Isi event type
- Klik
Save endpoint - Klik
Test payload
Sukses kalau:
- endpoint tersimpan
- webhook test mengirim request asli
- delivery attempt muncul di tabel
Catatan:
- endpoint lokal seperti
localhosttidak boleh dipakai - webhook worker mengirim request luar dengan signature HMAC
Halaman: /keys
Yang dites:
- daftar key muncul
- generate key baru
- copy prefix
- copy full key saat key baru dibuat
- rotate key
Langkah:
- Buka
/keys - Pilih agent owner
- Klik
Generate key - Simpan token yang muncul
- Coba tombol
Copy - Coba tombol
Rotate
Sukses kalau:
- key baru muncul di list
- prefix terlihat
- token hanya tampil sekali saat dibuat
Halaman: /agents
Yang dites:
- daftar agent tampil
- register agent baru
- toggle status agent
- buka key page dari shortcut
Langkah:
- Buka
/agents - Coba register agent baru
- Isi wallet address valid
- Klik
Create - Coba tombol
Throttle/Activate
Sukses kalau:
- agent baru masuk list
- status bisa berubah
Halaman: /contracts
Yang dites:
- info network Arc tampil
- copy command deploy
- open explorer
- deployment record tampil kalau ada data
Langkah:
- Buka
/contracts - Cek detail network target
- Klik
Copy command - Klik
Open explorer
Sukses kalau:
- command deploy bisa disalin
- link explorer terbuka
- record deployment tampil jika sudah ada data
Yang dites:
- API health hidup
- Supabase bisa diakses
Langkah:
- Klik
Run health checkdi header - Atau buka endpoint
/api/health
Sukses kalau:
- response
ok - status Supabase terlihat normal
- dashboard kebuka
- payment intent bisa dibuat
- wallet Arc bisa connect
- webhook bisa disimpan dan dites
- API key bisa dibuat
- agent bisa ditambah
- contract deploy command bisa dicopy
- health check hijau
- pastikan
.env.localsudah benar - pastikan wallet sudah install
- pastikan alamat recipient lengkap 42 karakter
- pastikan amount kecil dulu, misalnya
0.10 - pastikan endpoint webhook pakai HTTPS publik