Xây dựng dApp với công cụ AI
Sử dụng các công cụ AI vibe-coding (Cursor, Replit, Lovable, Claude Code, Bolt, V0) để xây dựng dApp trên Chiliz Chain bằng các câu lệnh và ngữ cảnh cho phát triển EVM.
Vibe-coding đang rất thịnh hành, và nó có thể giúp bạn bắt đầu nhanh chóng với ý tưởng dự án Web3 của mình ngay cả khi bạn không biết lập trình!
Trang này sẽ cung cấp cho bạn các ý tưởng về cách tương tác với công cụ AI yêu thích của mình để thu thập thông tin cần thiết nhằm tạo ra dApp của bạn.
Điều kiện tiên quyết
Trước khi bắt đầu, hãy đảm bảo bạn có những thứ sau:
Một ví với tài khoản Chiliz Chain, chẳng hạn như MetaMask.
Sử dụng Spicy Testnet để kiểm thử an toàn, sau đó chuyển sang Chiliz Chain Mainnet cho môi trường sản xuất.
Tìm hiểu thêm về Metamask và cách kết nối nó với Spicy Testnet và Chiliz Chain Mainnet tại đây: how-to-use-metamask
Một tài khoản với trợ lý code AI, chẳng hạn như ChatGPT, Gemini, Claude, hoặc bất kỳ công cụ nào khác.
Một tài khoản Reown (để tích hợp WalletKit connector).
Tìm ý tưởng dApp
Bước đầu tiên là phát triển một ý tưởng hấp dẫn. Vì bạn đang xây dựng trên Chiliz Chain, khái niệm của bạn lý tưởng nên thu hẹp khoảng cách giữa công nghệ blockchain và thế giới thể thao và giải trí. Hãy nghĩ về những gì người hâm mộ có thể muốn.
Một ý tưởng tốt sẽ có một trường hợp kinh doanh rõ ràng: Nó tạo ra giá trị như thế nào? Người dùng là ai?
Ví dụ về ý tưởng dApp: Thị trường dự đoán cho người hâm mộ.
Khái niệm: Người hâm mộ có thể dùng CHZ để đặt cược vào kết quả của các trận đấu sắp tới (ví dụ: "Đội A có thắng Đội B không?").
Trường hợp kinh doanh: Một khoản phí nhỏ (ví dụ: 2%) được thu từ pool thắng khi kết toán một thị trường. Khoản phí này được gửi đến ví thụ hưởng, tạo ra một nguồn doanh thu bền vững.
Bạn có thể sử dụng công cụ AI để động não và tinh chỉnh ý tưởng của mình.
Khi đã có một khái niệm vững chắc, đã đến lúc tạo smart contract.
Tạo Smart Contract với AI
Các công cụ AI hiện đại có khả năng đáng ngạc nhiên trong việc viết code smart contract an toàn và hiệu quả.
Smart contract là các chương trình máy tính được lưu trữ trên blockchain và tự động thực thi khi các điều khoản và điều kiện định sẵn được đáp ứng. Solidity là một trong những ngôn ngữ lập trình smart contract chính.
Hướng dẫn tạo câu lệnh chính
Khi tạo câu lệnh cho AI, hãy luôn thật cụ thể!
Hướng dẫn của bạn phải bao gồm:
Phiên bản Solidity: Chỉ định phiên bản từ 0.8.30 trở xuống. Điều này là do Chiliz Chain chưa hỗ trợ đầy đủ các phiên bản Solidity mới nhất.
Đừng phát minh lại bánh xe: Yêu cầu AI dựa trên (các) hợp đồng OpenZeppelin hiện có càng nhiều càng tốt.
OpenZeppelin là một nền tảng mã nguồn mở để xây dựng các dApp bảo mật.
Ngoài một số dịch vụ bảo mật và kiểm toán, họ cung cấp một thư viện smart contract được cộng đồng xem xét, miễn phí cho cộng đồng sử dụng trong các dự án của họ.
Do đó, các hợp đồng OpenZeppelin được coi là tiêu chuẩn ngành, và bạn có thể sử dụng chúng một cách an toàn.
Hợp đồng phẳng: Hướng dẫn AI tạo hợp đồng "phẳng". Điều này có nghĩa là code phải tự chứa trong một file duy nhất và không phụ thuộc vào các import hoặc phụ thuộc bên ngoài. Điều này đơn giản hóa việc xác minh sau này.
Địa chỉ ví: Cung cấp địa chỉ ví sẽ sở hữu hợp đồng (người triển khai) và địa chỉ sẽ nhận bất kỳ khoản phí nào (người thụ hưởng), nếu có.
Bây giờ tùy bạn tạo câu lệnh cho công cụ AI của mình!
Sau khi AI tạo code Solidity, hãy tải xuống nếu có thể, hoặc sao chép và lưu dưới dạng file .sol trên máy tính của bạn.
Biên dịch và Triển khai
Bạn cần triển khai hợp đồng của mình trên Chiliz Chain.
Chúng ta sẽ sử dụng Remix IDE, một môi trường web miễn phí, để gỡ lỗi, biên dịch và triển khai hợp đồng của bạn:
Mở Remix IDE: Truy cập remix.ethereum.org.
Tải lên hợp đồng của bạn: Trong tab "File Explorers" ở bên trái, tạo một file mới và dán code Solidity được AI tạo ra.
Biên dịch hợp đồng:
Chuyển đến tab "Solidity Compiler".
Đặt phiên bản Compiler thành "0.8.30+xxx".
Nhấp vào nút Compile.
Bạn có thể xem hướng dẫn triển khai Remix chi tiết hơn tại đây:
Gỡ lỗi với AI
Thông thường code ban đầu sẽ có lỗi. Trình gỡ lỗi của Remix rất xuất sắc trong việc phát hiện chúng.
Nếu quá trình biên dịch thất bại, hãy sao chép thông báo lỗi từ bảng điều khiển Remix. Quay lại công cụ AI của bạn và yêu cầu nó sửa các lỗi được phát hiện.
Bạn có thể sử dụng câu lệnh như thế này:
"Code Solidity bạn đưa cho tôi đã tạo ra lỗi sau trong Remix IDE. Vui lòng sửa nó: ..." và sao chép dán tất cả thông báo lỗi từ Remix.
Lặp lại quá trình biên dịch trong Remix và nhận bản sửa lỗi từ AI cho đến khi hợp đồng biên dịch thành công mà không có bất kỳ lỗi nào.
Triển khai lên Spicy Testnet
Khi smart contract đã được biên dịch, bạn cần triển khai nó:
Chuyển đến tab "Deploy & Run Transactions" trong Remix.
Với Environment, chọn "Injected Provider - MetaMask". Thao tác này sẽ nhắc ví của bạn kết nối với Remix.
Đảm bảo MetaMask của bạn được kết nối với Spicy Testnet trong giai đoạn kiểm thử.
Nhấp vào nút Deploy trong Remix. Ví của bạn sẽ hiện lên để yêu cầu bạn xác nhận giao dịch và trả gas fee bằng token CHZ thử nghiệm.
Sau khi xác nhận, bạn sẽ thấy hợp đồng đã triển khai trong phần "Deployed Contracts" trong Remix. Giao dịch cũng sẽ có sẵn trên Chiliscan Spicy.
Xác minh hợp đồng
Bây giờ bạn cần xác minh smart contract trên chuỗi. Một hợp đồng đã được xác minh là minh bạch và đáng tin cậy. Nó cho phép người dùng đọc và kiểm tra code nguồn của bạn trực tiếp trên block explorer.
Đây là cách thực hiện với Chiliscan Spicy:
Trên Chiliscan, tìm giao dịch triển khai của bạn và sao chép địa chỉ của hợp đồng mới.
Điền vào biểu mẫu xác minh: Bạn sẽ cần cung cấp một số thông tin.
Bạn có thể nhờ công cụ AI hỗ trợ với câu lệnh như thế này:
"Tôi cần xác minh smart contract Solidity của mình trên Chiliscan. Địa chỉ hợp đồng là 0xxxxxxxx. Phiên bản compiler tôi sử dụng là 0.8.30. Bạn có thể cho tôi biết cần điền gì vào các trường cho ... không?"
Gửi biểu mẫu. Nếu tất cả thông tin đều chính xác, code nguồn của hợp đồng bây giờ sẽ được công khai trên Chiliscan!
Xây dựng Frontend với công cụ vibe-coding
Bây giờ smart contract của bạn đã hoạt động và được xác minh, bạn cần một giao diện người dùng (UI) để mọi người tương tác với nó. Bạn có thể sử dụng bất kỳ công cụ vibe-coding nào cho việc này:
Đăng nhập vào tài khoản Coding Assistant bạn đã chọn.
Bắt đầu một dự án mới và bắt đầu tạo câu lệnh cho AI. Hãy rõ ràng về những gì bạn muốn xây dựng.
Ví dụ câu lệnh
"Tôi muốn xây dựng frontend cho dApp Chiliz Chain của mình. Hiện tại tôi cần bạn tạo cho Spicy Testnet:
RPC endpoint: https://spicy-rpc.chiliz.com/
RPC Websocket: wss://spicy-rpc-ws.chiliz.com/
Chain ID: 88882
Currency Symbol: CHZ
Tôi muốn dApp của mình làm điều này: XXX. Địa chỉ Smart Contract: [ĐỊA_CHỈ_HỢP_ĐỒNG_ĐÃ_TRIỂN_KHAI_CỦA_BẠN] Địa chỉ ví của tôi:
Chủ sở hữu là [ĐỊA_CHỈ_CHỦ_SỞ_HỮU_CỦA_BẠN]
Người thụ hưởng là [ĐỊA_CHỈ_NGƯỜI_THỤ_HƯỞNG_CỦA_BẠN].
Hướng dẫn:
Tạo giao diện web sử dụng các công cụ phổ biến nhất cho dApp.
Nó nên hiển thị xxxx.
Người dùng có thể xxxx.
Chủ sở hữu nên có một bảng quản trị được bảo vệ bằng mật khẩu để tạo xxxx."
xxxx"
Hãy cụ thể nhất có thể! Và đừng ngần ngại lặp lại nhiều lần.
Tích hợp ví người dùng
Để người dùng kết nối ví của họ với dApp của bạn, bạn sẽ cần một giải pháp wallet connector. Công cụ AI bạn đã chọn sẽ có thể tích hợp Reown's WalletKit cho bạn.
Bạn sẽ cần tạo tài khoản Reown:
Đăng ký tài khoản Reown Cloud nếu bạn chưa có, sau đó đăng nhập vào đó.
Nhấp vào "Create Project". Nhập tên cho dự án của bạn và nhấp vào "Continue".
Chọn sản phẩm là "WalletKit" và nhấp vào "Continue".
Chọn framework là "Next.js" và nhấp vào "Create".
Reown Cloud sẽ tạo một dự án mới cho bạn, đồng thời tạo một project ID. Bạn sẽ tìm thấy nó ở góc trên bên trái: Sao chép ID đó vì bạn sẽ cần dùng sau.
Sau đó, hướng dẫn công cụ AI của bạn xử lý việc tích hợp.
Ví dụ câu lệnh
"Thêm chức năng kết nối ví bằng WalletKit của Reown. Tôi sẽ cung cấp cho bạn project ID và API key của WalletKit sau khi tôi tạo tài khoản. Hãy thiết lập để nút 'Connect Wallet' sử dụng WalletKit."
Làm theo hướng dẫn từ AI và WalletKit để hoàn tất việc thiết lập. Bạn sẽ cần sao chép và dán một số thông tin từ tài khoản WalletKit của mình vào dự án AI của bạn.
Tiếp tục truy vấn và kiểm thử trong môi trường của AI cho đến khi frontend dApp của bạn hoạt động đầy đủ và bạn hài lòng với kết quả.
Chuyển sang Chiliz Chain Mainnet
Cho đến nay chúng ta đã yêu cầu tất cả các công cụ AI làm việc với Spicy Testnet. Điều này rất cần thiết để kiểm thử ứng dụng của bạn trên blockchain an toàn, nhưng nó không thể sử dụng cho các dự án sản xuất, đặc biệt vì nó chỉ hoạt động với token CHZ thử nghiệm, không phải token CHZ thật.
Để chuyển ứng dụng từ Spicy Testnet sang Chiliz Chain Mainnet, bạn sẽ cần thực hiện lại hầu hết các bước trên một lần cuối:
Triển khai hợp đồng của bạn với Remix một lần nữa, nhưng lần này với Chiliz Chain Mainnet.
Kiểm tra xem hợp đồng có thực sự được triển khai không với Chiliscan Mainnet.
Xác minh hợp đồng trên Chiliscan Mainnet Contract Verifier.
Cuối cùng, yêu cầu AI của bạn cập nhật ứng dụng để sử dụng Chiliz Mainnet bây giờ. Hãy cụ thể!
Ví dụ câu lệnh
"Tôi muốn cập nhật ứng dụng cho Chiliz Chain Mainnet. Bạn chỉ được cập nhật RPC URL và ChainID, không có gì khác: * RPC endpoint: https://rpc.ankr.com/chiliz * Chain ID: 88888"
Kiểm thử cuối cùng
Kiểm thử ứng dụng của bạn một lần nữa trước khi chia sẻ với bất kỳ ai khác.
Vậy là xong! Bây giờ bạn đã có một dApp full-stack được hỗ trợ bởi AI đang hoạt động trực tiếp trên Chiliz Chain!
Cập nhật lần cuối
Nội dung này có hữu ích không?