SIWE Kullanım Kılavuzu: Dapp'inizi Daha Güçlü Hale Getirin

SIWE(Ethereum ile Giriş), Ethereum üzerinde kullanıcı kimliğini doğrulamanın bir yoludur, cüzdanın işlem başlatmasına benzer, kullanıcının cüzdan üzerindeki kontrolünü kanıtlar. Şu anda kimlik doğrulama oldukça basit hale geldi, sadece cüzdan eklentisinde bilgileri imzalamak yeterlidir, en yaygın cüzdan eklentilerinin çoğu bunu desteklemektedir. Bu makale, Ethereum üzerindeki imza senaryolarını tartışmaktadır.

SIWE'ye ihtiyaç var mı

Eğer Dapp'inizin aşağıdaki gereksinimleri varsa, SIWE kullanmayı düşünebilirsiniz:

• Kendi kullanıcı sistemine sahip
• Kullanıcı gizliliği ile ilgili bilgileri sorgulamak gerekiyor

Ancak Dapp'iniz esas olarak sorgulama işlevine sahipse, etherscan gibi uygulamalar gibi, SIWE'ye ihtiyacınız olmayabilir.

Cüzdan bağlantısı ile Dapp üzerinde cüzdan sahipliğini kanıtlamış olmuyor musun? Bu yalnızca ön uç için geçerlidir. Arka uç desteği gerektiren API çağrıları için yalnızca adresi iletmek yeterli değildir, çünkü adres açık bir bilgidir ve herkes kimliğini "ödünç alabilir".

SIWE Prensibi ve Süreci

SIWE süreci üç adımda özetlenebilir: Cüzdanı bağla - İmza at - Kimlik belirteci al.

Cüzdan Bağla

Bu, Dapp'te cüzdanı bağlamak için cüzdan eklentisi aracılığıyla yapılan yaygın bir Web3 işlemdir.

imza

İmza adımları, Nonce değerinin alınması, cüzdan imzası ve arka uç imza doğrulamasını içerir.

Arka uç rastgele bir Nonce değeri oluşturur ve bu değeri adresle ilişkilendirir. Ön uç, Nonce değerini aldıktan sonra, Nonce değeri, alan adı, zincir ID'si gibi bilgileri içeren imza içeriğini oluşturur ve cüzdanın sağladığı yöntemi kullanarak imzalar. Son olarak, imzayı arka uca gönderir.

Kimlik bilgisi al

Arka uç doğrulama imzası geçtikten sonra, kullanıcı kimlik belirleyicisi ( olarak döndürülür, örneğin JWT). Ön uç sonraki taleplerde adresi ve kimlik belirleyicisini ekleyerek cüzdanın mülkiyetini kanıtlayabilir.

SIWE Uygulaması

Next.js kullanarak basit bir SIWE demosu geliştireceğiz, temel süreci göstereceğiz. Lütfen dikkat edin, bu demo sadece tanıtım amaçlıdır, üretim ortamında kullanımı güvenlik sorunları barındırabilir.

hazırlık çalışmaları

1. Next.js'i kur

npx create-next-app@14

2. SIWE ile ilgili bağımlılıkları yükleyin

npm install antd @ant-design/web3 @ant-design/web3-wagmi wagmi viem @tanstack/react-query --save

3. layout.tsx dosyasına WagmiProvider'ı ekleyin

4. Cüzdan bağlantı düğmesinin uygulanması

5. Arka uç arayüzünü gerçekleştirin

   • Nonce oluşturma
   • İmza doğrulama

6. Optimizasyon: Özel düğüm hizmetleri kullanarak yanıt hızını artırma

Yukarıdaki adımlarla, temel bir SIWE giriş çerçevesi oluşturmuş olduk. Profesyonel düğüm hizmetleri kullanmak doğrulama hızını önemli ölçüde artırabilir, üretim ortamında kullanılması önerilir.