> For the complete documentation index, see [llms.txt](https://docs.chiliz.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chiliz.com/vi/phat-trien/co-ban/cach-thuc/xay-dung-dapp-voi-ai.md).

# Xây dựng dApp với công cụ AI

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.

{% hint style="success" %}
Trang này không phụ thuộc vào công cụ cụ thể nào: Chúng tôi đưa ra các gợi ý và ý tưởng câu lệnh có thể hoạt động với bất kỳ công cụ vibe-coding nào, chẳng hạn như [Cursor](https://cursor.com/), [Replit](https://replit.com/), [Lovable](https://lovable.dev/), [Claude](https://claude.ai/), [Claude Code](https://www.anthropic.com/claude-code), [Bolt](https://bolt.new/), [V0](https://v0.dev/), [Base44](https://base44.com/), hoặc bất kỳ trợ lý code AI nào khác.
{% endhint %}

## Đ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.

{% hint style="info" %}
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
{% endhint %}

* Đủ token CHZ trong ví đó để triển khai.
  * Với Chiliz Chain Mainnet, bạn sẽ cần mua CHZ. Bạn có thể làm điều này trên bất kỳ sàn giao dịch tiền điện tử nào, chẳng hạn như [Coinbase](https://www.coinbase.com/) hoặc [Meria](https://meria.com/).
  * Với Spicy Testnet, bạn sẽ cần token CHZ thử nghiệm, có sẵn từ [faucet](/vi/phat-trien/co-ban/nhan-token-testnet.md).
* 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](https://cloud.reown.com/sign-in) (để 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.

{% hint style="info" %}
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.
  {% endhint %}

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ả.

{% hint style="info" %}
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.
{% endhint %}

### 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:

1. 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.
2. Đừ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.

{% hint style="info" %}
[OpenZeppelin](https://www.openzeppelin.com/) 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](https://docs.openzeppelin.com/contracts/), 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.
{% endhint %}

3. 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.
4. Đị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:

1. Mở Remix IDE: Truy cập [remix.ethereum.org](https://remix.ethereum.org/).
2. 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.
3. 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:

[Triển khai với Remix](/vi/phat-trien/co-ban/trien-khai-smart-contract/trien-khai-voi-remix.md)

### 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.

{% hint style="info" %}
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.
{% endhint %}

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ó:

1. Chuyển đến tab "Deploy & Run Transactions" trong Remix.
2. 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.
3. Đảm bảo MetaMask của bạn được kết nối với Spicy Testnet trong giai đoạn kiểm thử.
4. 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](https://testnet.chiliscan.com/).

## 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](https://testnet.chiliscan.com/):

1. 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.
2. Mở [Chiliscan Spicy Contract Verifier](https://testnet.chiliscan.com/verifycontract).
3. Đ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.

{% hint style="info" %}
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?"
{% endhint %}

4. 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:

1. Đăng nhập vào tài khoản Coding Assistant bạn đã chọn.
2. 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.

{% hint style="info" %}

#### **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"
  {% endhint %}

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](https://reown.com/walletkit) cho bạn.

Bạn sẽ cần tạo tài khoản Reown:

1. [Đăng ký tài khoản Reown Cloud](https://cloud.reown.com/sign-in) nếu bạn chưa có, sau đó đăng nhập vào đó.
2. Nhấp vào "Create Project". Nhập tên cho dự án của bạn và nhấp vào "Continue".
3. Chọn sản phẩm là "WalletKit" và nhấp vào "Continue".
4. 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.

{% hint style="info" %}

#### **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."
{% endhint %}

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:

1. 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.
2. Kiểm tra xem hợp đồng có thực sự được triển khai không với [Chiliscan Mainnet](https://chiliscan.com/).
3. Xác minh hợp đồng trên [Chiliscan Mainnet Contract Verifier](https://chiliscan.com/verifycontract).
4. 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ể!

{% hint style="info" %}

#### **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"
{% endhint %}

## 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!


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.chiliz.com/vi/phat-trien/co-ban/cach-thuc/xay-dung-dapp-voi-ai.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.