Tworzenie dApp z narzędziami AI
Używaj narzędzi vibe-coding (Cursor, Replit, Lovable, Claude Code, Bolt, V0) do budowania dApps na Chiliz Chain z promptami i kontekstem do tworzenia EVM.
Vibe-coding jest na topie i może pomóc Ci szybko zacząć z pomysłem na projekt Web3, nawet jeśli nie umiesz programować!
Ta strona da Ci pomysły, jak korzystać z ulubionych narzędzi AI, aby uzyskać informacje potrzebne do wygenerowania dApp.
Wymagania wstępne
Zanim zaczniesz, upewnij się, że masz:
Portfel z kontem Chiliz Chain, np. MetaMask.
Używaj Spicy Testnet do bezpiecznego testowania, a następnie Chiliz Chain Mainnet do produkcji.
Dowiedz się więcej o Metamask i jak połączyć go z Spicy Testnet i Chiliz Chain Mainnet tutaj: jak-uzywac-metamask
Konto w asystencie kodu AI, takim jak ChatGPT, Gemini, Claude lub innym.
Konto Reown (do integracji konektora WalletKit).
Znajdź pomysł na dApp
Pierwszym krokiem jest opracowanie przekonującego pomysłu. Ponieważ budujesz na Chiliz Chain, Twój projekt powinien idealnie łączyć technologię blockchain ze światem sportu i rozrywki. Pomyśl, czego mogliby chcieć fani.
Dobry pomysł ma wyraźny przypadek biznesowy: Jak generuje wartość? Kim są użytkownicy?
Przykładowy pomysł na dApp: Rynek przewidywań dla fanów.
Koncepcja: Fani mogą używać CHZ do obstawiania wyników nadchodzących meczów (np. "Czy Drużyna A wygra z Drużyną B?").
Przypadek biznesowy: Mała procentowa opłata (np. 2%) jest pobierana z puli wygrywającej po rozstrzygnięciu rynku. Opłata ta trafia do portfela beneficjenta, tworząc zrównoważony strumień przychodów.
Możesz użyć narzędzia AI do burzy mózgów i dopracowania pomysłu.
Gdy masz solidną koncepcję, czas stworzyć smart kontrakt.
Generowanie Smart Kontraktu z AI
Nowoczesne narzędzia AI są zaskakująco zdolne do pisania bezpiecznego, wydajnego kodu smart kontraktów.
Smart kontrakty to programy komputerowe przechowywane na blockchainie, które automatycznie wykonują się po spełnieniu określonych warunków. Solidity to jeden z głównych języków smart kontraktów.
Kluczowe wskazówki dotyczące promptów
Gdy piszesz prompt do AI, bądź bardzo konkretny!
Twoje instrukcje muszą zawierać:
Wersję Solidity: Podaj wersję równą lub poniżej 0.8.30. Chiliz Chain nie obsługuje jeszcze w pełni najnowszych wersji Solidity.
Nie wymyślaj koła na nowo: Poproś AI, aby oparło kontrakt na istniejących kontraktach OpenZeppelin w jak największym stopniu.
OpenZeppelin to platforma open-source do budowania bezpiecznych dApps.
Oprócz różnych usług bezpieczeństwa i audytu, udostępniają bibliotekę smart kontraktów zweryfikowanych przez społeczność, bezpłatnie dla każdego.
Kontrakty OpenZeppelin są uważane za standardy branżowe i możesz z nich bezpiecznie korzystać.
Płaski kontrakt: Poproś AI o wygenerowanie "płaskiego" kontraktu. Oznacza to, że kod powinien być zawarty w jednym pliku i nie polegać na zewnętrznych importach ani zależnościach. To upraszcza późniejszą weryfikację.
Adresy portfeli: Podaj adres portfela, który będzie właścicielem kontraktu (deployer), i adres, który będzie otrzymywał opłaty (beneficiary), jeśli takie są.
Teraz czas promptować swoje narzędzie AI!
Po wygenerowaniu kodu Solidity przez AI, pobierz go jeśli to możliwe lub skopiuj i zapisz jako plik .sol na swoim komputerze.
Kompilacja i wdrożenie
Teraz musisz wdrożyć kontrakt na Chiliz Chain.
Użyjemy Remix IDE — darmowego, webowego środowiska — do debugowania, kompilacji i wdrożenia kontraktu:
Otwórz Remix IDE: Przejdź na remix.ethereum.org.
Prześlij kontrakt: Na karcie "File Explorers" po lewej stronie utwórz nowy plik i wklej kod Solidity wygenerowany przez AI.
Skompiluj kontrakt:
Przejdź do karty "Solidity Compiler".
Ustaw wersję kompilatora na "0.8.30+xxx".
Kliknij przycisk Compile.
Bardziej szczegółowy przewodnik po wdrożeniu w Remix znajdziesz tutaj:
Debugowanie z AI
Błędy w początkowym kodzie są normalne. Debugger Remix świetnie je wychwytuje.
Jeśli kompilacja się nie powiedzie, skopiuj komunikat błędu z konsoli Remix. Wróć do narzędzia AI i poproś o naprawę wykrytych błędów.
Możesz użyć promptu takiego jak:
"Kod Solidity, który mi dałeś, wygenerował następujący błąd w Remix IDE. Proszę, napraw go: ..." i wklej wszystkie komunikaty błędów z Remix.
Powtarzaj proces kompilacji w Remix i naprawiania przez AI, aż kontrakt skompiluje się pomyślnie bez żadnych błędów.
Wdróż na Spicy Testnet
Gdy smart kontrakt jest skompilowany, czas go wdrożyć:
Przejdź do karty "Deploy & Run Transactions" w Remix.
Dla Środowiska wybierz "Injected Provider - MetaMask". Spowoduje to połączenie portfela z Remix.
Upewnij się, że MetaMask jest połączony z Spicy Testnet podczas fazy testowania.
Kliknij przycisk Deploy w Remix. Portfel wyświetli okno dialogowe z prośbą o potwierdzenie transakcji i zapłatę opłaty gas w testowych tokenach CHZ.
Po potwierdzeniu powinieneś zobaczyć wdrożony kontrakt w sekcji "Deployed Contracts" w Remix. Transakcja będzie też dostępna na Chiliscan Spicy.
Weryfikacja kontraktu
Teraz musisz zweryfikować smart kontrakt on-chain. Zweryfikowany kontrakt jest przejrzysty i godny zaufania. Pozwala użytkownikom czytać i audytować kod źródłowy bezpośrednio w block explorerze.
Oto jak to zrobić za pomocą Chiliscan Spicy:
Na Chiliscan znajdź transakcję wdrożenia i skopiuj adres nowego kontraktu.
Wypełnij formularz weryfikacyjny: Będziesz musiał podać kilka informacji.
Możesz poprosić narzędzie AI o pomoc, używając promptu takiego jak:
"Muszę zweryfikować mój smart kontrakt Solidity na Chiliscan. Adres kontraktu to 0xxxxxxxx. Wersja kompilatora to 0.8.30. Czy możesz mi powiedzieć, co wpisać w polach dla ... ?"
Prześlij formularz. Jeśli wszystkie dane są poprawne, kod źródłowy kontraktu będzie teraz publiczny na Chiliscan!
Budowanie frontendu z narzędziem vibe-coding
Gdy Twój smart kontrakt jest aktywny i zweryfikowany, potrzebujesz interfejsu użytkownika (UI) do interakcji z nim. Do tego możesz użyć dowolnego narzędzia vibe-coding:
Zaloguj się na konto wybranego Asystenta Kodowania.
Rozpocznij nowy projekt i zacznij promptować AI. Bądź konkretny w opisie tego, co chcesz zbudować.
Przykładowy prompt
"Chcę zbudować frontend dla mojej dApp na Chiliz Chain. Na razie potrzebuję, abyś stworzył dla Spicy Testnet:
Endpoint RPC: https://spicy-rpc.chiliz.com/
RPC Websocket: wss://spicy-rpc-ws.chiliz.com/
Chain ID: 88882
Symbol waluty: CHZ
Chcę, aby moja dApp robiła: XXX. Adres Smart Kontraktu: [TWÓJ_ADRES_WDROŻONEGO_KONTRAKTU] Moje adresy portfeli:
Właściciel to [TWÓJ_ADRES_WŁAŚCICIELA]
Beneficjent to [TWÓJ_ADRES_BENEFICJENTA].
Instrukcje:
Stwórz interfejs webowy używając najpopularniejszych narzędzi dla dApps.
Powinien wyświetlać xxxx.
Użytkownicy powinni móc xxxx.
Właściciel powinien mieć panel admina chroniony hasłem do tworzenia xxxx."
xxxx"
Bądź jak najbardziej konkretny! I nie wahaj się iterować.
Integracja portfeli użytkowników
Aby użytkownicy mogli połączyć swoje portfele z dApp, potrzebujesz rozwiązania do łączenia portfeli. Wybrane przez Ciebie narzędzie AI powinno być w stanie zintegrować Reown WalletKit.
Będziesz musiał utworzyć konto Reown:
Zarejestruj konto Reown Cloud jeśli jeszcze nie masz, następnie zaloguj się.
Kliknij "Create Project". Wpisz nazwę projektu i kliknij "Continue".
Wybierz produkt "WalletKit" i kliknij "Continue".
Wybierz framework "Next.js" i kliknij "Create".
Reown Cloud stworzy nowy projekt, który wygeneruje ID projektu. Znajdziesz je w lewym górnym rogu: Skopiuj to ID, będzie Ci potrzebne.
Następnie poproś narzędzie AI o obsługę integracji.
Przykładowy prompt
"Dodaj funkcjonalność łączenia portfela używając WalletKit Reown. Podam Ci ID projektu WalletKit i klucze API po utworzeniu konta. Skonfiguruj to tak, aby przycisk 'Połącz portfel' używał WalletKit."
Postępuj zgodnie z instrukcjami AI i WalletKit, aby zakończyć konfigurację. Będziesz musiał kopiować i wklejać informacje z konta WalletKit do projektu AI.
Kontynuuj zapytania i testowanie w środowisku AI, aż frontend dApp będzie w pełni funkcjonalny i będziesz zadowolony z rezultatu.
Przejście na Chiliz Chain Mainnet
Do tej pory prosiliśmy wszystkie narzędzia AI o pracę ze Spicy Testnet. Jest to niezbędne do testowania aplikacji na bezpiecznym blockchainie, ale nie może być używane do projektów produkcyjnych — szczególnie dlatego, że działa tylko z testowymi tokenami CHZ, a nie prawdziwymi.
Aby przenieść aplikację ze Spicy Testnet na Chiliz Chain Mainnet, będziesz musiał powtórzyć większość powyższych kroków:
Wdróż kontrakt w Remix ponownie, tym razem z Chiliz Chain Mainnet.
Sprawdź, czy kontrakt jest rzeczywiście wdrożony na Chiliscan Mainnet.
Zweryfikuj kontrakt na Chiliscan Mainnet Contract Verifier.
Na koniec poproś AI o aktualizację aplikacji do Chiliz Mainnet. Bądź konkretny!
Przykładowy prompt
"Chcę zaktualizować aplikację dla Chiliz Chain Mainnet. Musisz tylko zaktualizować URL RPC i ChainID, nic więcej: * Endpoint RPC: https://rpc.ankr.com/chiliz * Chain ID: 88888"
Ostateczny test
Przetestuj aplikację jeszcze raz przed udostępnieniem jej komukolwiek.
To wszystko! Masz teraz kompletną, wspomaganą AI dApp działającą na Chiliz Chain!
Ostatnia aktualizacja
Czy to było pomocne?