SIWE: Alat untuk Meningkatkan Kemampuan Verifikasi Identifikasi Dapp

SIWE (Sign-In with Ethereum) adalah metode untuk memverifikasi identitas pengguna di Ethereum, mirip dengan memulai transaksi, untuk membuktikan kontrol pengguna atas dompet. Saat ini, proses autentikasi telah sangat disederhanakan, hanya perlu menandatangani informasi di plugin dompet, dan sebagian besar plugin dompet umum sudah mendukung fitur ini.

Artikel ini terutama membahas skenario tanda tangan di Ethereum, tanpa membahas blockchain lain seperti Solana, SUI, dan lain-lain.

Kapan Memerlukan SIWE

Jika Dapp Anda memiliki fitur berikut, Anda bisa mempertimbangkan untuk menggunakan SIWE:

• Memiliki sistem pengguna yang independen
• Perlu mencari informasi yang terkait dengan identifikasi pengguna

Untuk aplikasi yang fungsi utamanya adalah pencarian, seperti penjelajah blok, tidak perlu menggunakan SIWE.

Meskipun setelah menghubungkan dompet di Dapp sepertinya sudah membuktikan identifikasi, ini hanya berlaku untuk front-end. Untuk panggilan antarmuka yang memerlukan dukungan back-end, hanya mengirimkan alamat tidak cukup, karena alamat adalah informasi publik dan mudah disalahgunakan.

Cara Kerja SIWE

Proses SIWE dapat diringkas dalam tiga langkah: menghubungkan dompet, menandatangani, mendapatkan identifikasi.

1. Menghubungkan dompet: Menghubungkan dompet pengguna di Dapp melalui plugin dompet.

2. Tanda tangan:

   • Mendapatkan nilai Nonce: Panggil antarmuka backend untuk mendapatkan nilai Nonce yang dihasilkan secara acak.
   • Tanda tangan dompet: Membangun konten tanda tangan yang berisi nilai Nonce, nama domain, ID rantai, dan informasi lainnya, menggunakan metode yang disediakan oleh dompet untuk melakukan tanda tangan.
   • Kirim tanda tangan: Kirim tanda tangan ke backend untuk verifikasi.

3. Mendapatkan identifikasi: Setelah verifikasi tanda tangan backend berhasil, identifikasi pengguna (seperti JWT) akan dikembalikan. Pada permintaan berikutnya, sertakan alamat dan identifikasi untuk membuktikan kepemilikan dompet.

Panduan Praktis

Artikel ini menggunakan Next.js untuk mengembangkan aplikasi full-stack dengan mengintegrasikan fitur SIWE. Berikut adalah langkah-langkah utama:

1. Instal dependensi: Gunakan create-next-app untuk membuat proyek, dan instal dependensi terkait SIWE.

2. Memperkenalkan Wagmi: Di layout.tsx, masukkan WagmiProvider dan konfigurasikan antarmuka terkait SIWE.

3. Tambahkan tombol koneksi: Mewujudkan komponen tombol untuk menghubungkan dompet dan menandatangani.

4. Implementasi antarmuka:
   • Pembuatan Nonce: Membuat string acak dan mengaitkannya dengan alamat.
   • Verifikasi tanda tangan: Backend memverifikasi konten tanda tangan, memeriksa nilai Nonce, menghasilkan JWT.

5. Optimasi: Disarankan untuk menggunakan layanan node khusus (seperti ZAN) untuk meningkatkan kecepatan respons antarmuka.

Dengan langkah-langkah di atas, Anda dapat mewujudkan kerangka login SIWE dasar, yang menyediakan mekanisme identifikasi yang lebih aman dan dapat diandalkan untuk Dapp.