AI araçlarıyla bir Chiliz dApp nasıl oluşturulur

Vibe-kodlama çok popüler ve kod bilmiyor olsanız bile Web3 proje fikrinizle hızlıca başlamanıza yardımcı olabilir!

Bu sayfa, dApp'inizi oluşturmak için gerekli bilgileri elde etmek üzere favori AI araçlarınızla nasıl etkileşim kuracağınıza dair fikirler verecektir

Bu sayfa araç-agnostiktir: Cursor, Replit, Lovable, Claude, Claude Code, Bolt, V0, Base44, Windsurf gibi herhangi bir vibe-kodlama aracında çalışabilecek öneriler ve prompt fikirleri sunuyoruz Cursor, Replit, Lovable, Claude, Claude Code, Bolt, V0, Base44, Windsurf, veya herhangi bir başka AI kod asistanı.

Önkoşullar

Başlamadan önce aşağıdakilere sahip olduğunuzdan emin olun:

• MetaMask gibi Chiliz Chain hesabı olan bir cüzdan.

  • Güvenli test için Spicy Testnet'i, sonra üretim için Chiliz Chain Mainnet'i kullanın.

Metamask hakkında ve Spicy Testnet ile Chiliz Chain Mainnet'e nasıl bağlanacağı hakkında daha fazla bilgi edinmek için buraya bakın: MetaMask nasıl kullanılır

• Dağıtım için o cüzdanda yeterli CHZ token.

  • Chiliz Chain Mainnet için CHZ satın almanız gerekecek. Bunu Coinbase, Meria gibi herhangi bir kripto borsasında yapabilirsiniz Coinbase veya Meria.

  • Spicy Testnet için test CHZ tokenlarına ihtiyacınız olacak; bunlar bir faucetten temin edilebilir bir faucet.

• ChatGPT, Gemini, Claude veya başka herhangi bir AI kod asistanı gibi bir AI kod asistanı hesabı.

• Bir Reown hesabı (WalletKit bağlayıcısını entegre etmek için).

Bir dApp fikri bulun

İlk adım etkileyici bir fikir geliştirmektir. Chiliz Chain üzerinde inşa ettiğiniz için, konseptiniz ideal olarak blokzincir teknolojisi ile spor ve eğlence dünyası arasında bir bağlantı kurmalı. Taraftarların ne isteyebileceğini düşünün.

Güçlü bir fikir, net bir iş gerekçesi içerecektir: Nasıl değer yaratıyor? Kullanıcılar kimler?

Örnek dApp Fikri: Bir Taraftar Tahmin Pazarı.

• Konsept: Taraftarlar yaklaşan maçların sonucuna CHZ ile bahis oynayabilirler (örneğin, "Takım A, Takım B'yi yener mi?").

• İş Gerekçesi: Bir piyasa sonuçlandığında kazanan havuzdan küçük bir yüzde ücreti (ör. %2) alınır. Bu ücret bir lehdar cüzdanına gönderilerek sürdürülebilir bir gelir akışı oluşturur.

Fikrinizi beyin fırtınası yapmak ve geliştirmek için bir AI aracı kullanabilirsiniz.

Sağlam bir kavramınız olduğunda, akıllı sözleşmeyi oluşturma zamanı.

AI ile Akıllı Sözleşmeyi Oluşturma

Modern AI araçları, güvenli ve verimli akıllı sözleşme kodu yazmada şaşırtıcı derecede yeteneklidir.

Akıllı sözleşmeler, önceden belirlenmiş şartlar sağlandığında otomatik olarak yürütülen ve blokzincirde saklanan bilgisayar programlarıdır. Solidity, başlıca akıllı sözleşme programlama dillerinden biridir.

Ana Prompt Talimatları

AI'ye prompt verirken her zaman çok spesifik olun!

Talimatlarınız şunları içermelidir:

1. Solidity Sürümü: Chiliz Chain henüz en yeni Solidity sürümlerini tam olarak desteklemediği için 0.8.24 veya daha düşük bir sürüm belirtin.

2. Tekerleği yeniden icat etmeyin: AI'ye sözleşmeyi mümkün olduğunca mevcut OpenZeppelin sözleşmelerine dayandırmasını söyleyin.

OpenZeppelin güvenli dApp'ler oluşturmak için açık kaynaklı bir platformdur.

Birkaç güvenlik ve denetim hizmetine ek olarak, onlar sağlar topluluk tarafından incelenmiş akıllı sözleşmelerden oluşan bir kütüphane, topluluk tarafından projelerinde kullanmak üzere ücretsizdir. geliştirme.

Bu nedenle, OpenZeppelin sözleşmeleri endüstri standardı olarak kabul edilir ve güvenle kullanılabilir.

1. Düz (Flat) Sözleşme: AI'ye "flat" bir sözleşme oluşturmasını söyleyin. Bu, kodun tek bir dosyada kendi kendine yeten şekilde olması ve dışarıdan importlara veya bağımlılıklara dayanılmaması anlamına gelir. Bu, sonradan doğrulamayı basitleştirir.

2. Cüzdan Adresleri: Sözleşmeye sahip olacak cüzdan adresini (dağıtıcı) ve varsa ücretleri alacak lehdar adresini sağlayın.

Şimdi AI aracınıza prompt vermek size kalmış!

AI Solidity kodunu ürettikten sonra mümkünse indirin veya kopyalayıp bilgisayarınıza bir .sol dosyası olarak kaydedin.

Derleme ve Dağıtım

Şimdi sözleşmenizi Chiliz Chain'e dağıtmanız gerekiyor.

Sözleşmenizi debug etmek, derlemek ve dağıtmak için ücretsiz, web tabanlı bir ortam olan Remix IDE'yi kullanacağız:

1. Remix IDE'yi açın: Şuraya gidin remix.ethereum.org.

2. Sözleşmenizi yükleyin: Sol taraftaki "File Explorers" sekmesinde yeni bir dosya oluşturun ve AI tarafından üretilen Solidity kodunu yapıştırın.

3. Sözleşmeyi Derleyin:

   • "Solidity Compiler" sekmesine gidin.

   • Derleyici sürümünü "0.8.24+xxx" olarak ayarlayın.

   • Derle düğmesine tıklayın.

Daha ayrıntılı bir Remix dağıtım kılavuzunu burada görebilirsiniz:

Remix ile dağıtın

AI ile Hata Ayıklama

İlk kodun hatalar içermesi yaygındır. Remix'in hata ayıklayıcısı bunları yakalamada mükemmeldir.

Derleme başarısız olursa, Remix konsolundan hata mesajını kopyalayın. AI aracınıza geri dönün ve tespit edilen hataları düzeltmesini isteyin.

Böyle bir prompt kullanabilirsiniz:

"Bana verdiğin Solidity kodu Remix IDE'de aşağıdaki hatayı üretti. Lütfen düzelt: ..." ve Remix'ten tüm hata mesajlarını kopyala-yapıştır.

Sözleşme hatasız şekilde derlenene kadar Remix'te derleme yapma ve AI'den düzeltmeler alma sürecini tekrarlayın.

Spicy Testnet'e Dağıtım

Akıllı sözleşme derlendikten sonra, onu dağıtmanız gerekir:

1. Remix'te "Deploy & Run Transactions" sekmesine gidin.

2. Environment için "Injected Provider - MetaMask" seçin. Bu, cüzdanınızın Remix'e bağlanmasını isteyecektir.

3. Test aşamanız sırasında MetaMask'inizin Spicy Testnet'e bağlı olduğundan emin olun.

4. Remix'te Deploy düğmesine tıklayın. Cüzdanınız işlem onayını ve test CHZ tokenlarında gas ücretini ödemenizi istemek üzere açılacaktır.

Onayladıktan sonra, dağıtılmış sözleşmenizi Remix'teki "Deployed Contracts" bölümünde görmelisiniz. İşlem ayrıca Chiliscan Spicy.

Sözleşmeyi Doğrulama

Şimdi akıllı sözleşmeyi zincir üzerinde doğrulamanız gerekiyor. Doğrulanmış bir sözleşme şeffaf ve güvenilirdir. Kullanıcıların kaynak kodunuzu blok gezgininde doğrudan okumasına ve denetlemesine olanak tanır.

Bunu şu şekilde yapabilirsiniz Chiliscan Spicy:

1. Chiliscan'de dağıtım işleminizi bulun ve yeni sözleşmenin adresini kopyalayın.

2. Açın Chiliscan Spicy Contract Verifier.

3. Doğrulama Formunu Doldurun: Birkaç bilgi sağlamanız gerekecek.

AI aracınızdan şu gibi bir prompt ile yardım isteyebilirsiniz:

"Solidity akıllı sözleşmemi Chiliscan'de doğrulamam gerekiyor. Sözleşme adresi 0xxxxxxxx. Kullandığım derleyici sürümü 0.8.24 idi. ... alanlarına ne koymam gerektiğini söyleyebilir misin?"

1. Formu gönderin. Tüm bilgiler doğruysa, sözleşmenizin kaynak kodu şimdi Chiliscan'de herkese açık olacaktır!

Vibe-kodlama aracı ile Frontend Oluşturma

Akıllı sözleşmeniz artık yayında ve doğrulandı; insanlar onunla etkileşim kurabilmesi için bir kullanıcı arayüzüne (UI) ihtiyacınız var. Bunun için herhangi bir vibe-kodlama aracını kullanabilirsiniz:

1. Seçtiğiniz Kod Asistanı hesabınıza giriş yapın.

2. Yeni bir proje başlatın ve AI'yi promptlamaya başlayın. Ne inşa etmek istediğiniz konusunda net olun.

Örnek prompt

"Chiliz Chain dApp'im için bir frontend oluşturmak istiyorum. Şimdilik Spicy Testnet için şu bilgileri oluşturmanıza ihtiyacım var:

• RPC endpoint: https://spicy-rpc.chiliz.com/

• RPC Websocket: wss://spicy-rpc-ws.chiliz.com/

• Zincir ID: 88882

• Para Birimi Sembolü: CHZ

dApp'imin bunu yapmasını istiyorum: XXX. Akıllı Sözleşme Adresi: [YOUR_DEPLOYED_CONTRACT_ADDRESS] Cüzdan Adreslerim:

• Sahibi [YOUR_OWNER_ADDRESS]

• Lehdar [YOUR_BENEFICIARY_ADDRESS].

Talimatlar:

• dApp'ler için en yaygın araçları kullanarak bir web arayüzü oluşturun.

• Bu xxxx göstermelidir.

• Kullanıcılar xxxx yapabilmelidir.

• Sahibin, xxxx oluşturmak için parola korumalı bir yönetici paneli olmalıdır."

• xxxx"

Mümkün olduğunca spesifik olun! Ve yinelemeler yapmaktan çekinmeyin.

Kullanıcı Cüzdanlarını Entegre Etme

Kullanıcıların kendi cüzdanlarını dApp'inize bağlayabilmeleri için bir cüzdan bağlayıcı çözümüne ihtiyacınız olacak. Seçtiğiniz AI aracı şunu entegre edebilmelidir Reown'un WalletKit'i sizin için.

Bir Reown hesabı oluşturmanız gerekecek:

1. Henüz yapmadıysanız bir Reown Cloud hesabına kaydolun, sonra bağlanın. henüz yapmadıysanız, sonra bağlanın.

2. "Create Project"e tıklayın. Projeniz için bir ad girin ve "Continue"e tıklayın.

3. Ürünü “WalletKit” olarak seçin ve "Continue"e tıklayın.

4. Framework'ü “Next.js” olarak seçin ve "Create"e tıklayın.

Reown Cloud şimdi sizin için yeni bir proje oluşturacak ve bir proje ID'si oluşturacaktır. Sol üst köşede bulacaksınız: Daha sonra ihtiyaç duyacağınız için bu ID'yi kopyalayın.

Sonra AI aracınıza entegrasyonu halletmesini söyleyin.

Örnek prompt

"WalletKit proje ID'mi ve API anahtarlarımı bir hesap oluşturduktan sonra sağlayacağım. 'Connect Wallet' düğmesinin WalletKit'i kullanacak şekilde kurulmasını sağlayın."

AI ve WalletKit'in talimatlarını izleyerek kurulumu tamamlayın. WalletKit hesabınızdan bazı bilgileri AI projenize kopyala-yapıştır yapmanız gerekecek.

dApp'inizin frontend'i tam işlevsel olana ve sonuçtan memnun olana kadar AI ortamı içinde sorgulamaya ve test etmeye devam edin.

Chiliz Chain Mainnet'e Geçiş

Şimdiye kadar tüm AI araçlarından Spicy Testnet'i hedeflemelerini istedik. Bu, uygulamanızı güvenli bir blokzincirde test etmek için gerekli, ancak sadece test CHZ tokenlarıyla çalıştığı için üretim projeleri için kullanılamaz.

Uygulamanızı Spicy Testnet'ten Chiliz Chain Mainnet'e taşımak için yukarıdaki adımların çoğunu son bir kez yeniden yapmanız gerekecek:

1. Sözleşmenizi Remix ile tekrar dağıtın, ancak bu sefer Chiliz Chain Mainnet ile.

2. Sözleşmenin gerçekten dağıtıldığını kontrol edin Chiliscan Mainnet.

3. Sözleşmeyi doğrulayın Chiliscan Mainnet Contract Verifier.

4. Son olarak, AI'nize uygulamayı artık Chiliz Mainnet kullanacak şekilde güncellemesini söyleyin. Spesifik olun!

Örnek prompt

"Uygulamayı Chiliz Chain Mainnet için güncellemek istiyorum. Yalnızca RPC URL'sini ve ChainID'yi güncellemelisin, başka hiçbir şeyi değiştirme: * RPC endpoint: https://rpc.ankr.com/chiliz * Chain ID: 88888"

Son test

Uygulamanızı başkalarıyla paylaşmadan önce son bir kez test edin.

Hepsi bu! Artık Chiliz Chain üzerinde canlı, AI destekli tam yığın bir dApp'e sahipsiniz!