Phát triển thực chiến DEX NFT: Từ hợp đồng thông minh đến thực hiện frontend

robot
Đang tạo bản tóm tắt

Từ số 0 xây dựng DEX NFT

Đối với NFT theo giao thức ERC-721, làm thế nào để thực hiện giao dịch phi tập trung? Hiện nay, các sàn giao dịch NFT chính thống thường sử dụng phương thức đặt lệnh để giao dịch, tương tự như việc trưng bày hàng hóa trên kệ siêu thị, khi người mua cảm thấy giá hợp lý thì có thể mua. Bài viết này sẽ thông qua việc viết hợp đồng thông minh và trang giao diện đơn giản, để thực hiện một chức năng giao dịch NFT phi tập trung cơ bản.

Giới thiệu về NFT

NFT(Non-Fungible Token)là mã thông báo không thể thay thế, mỗi Token đều độc nhất, tuân theo giao thức ERC-721. Thông thường, mỗi NFT sẽ hiển thị hình ảnh khác nhau trong ví và có ID duy nhất để phân biệt. Do đặc điểm của NFT, không thể thiết lập giá thông qua đường cong giá như mã thông báo ERC-20, vì vậy phương thức giao dịch phổ biến là theo dạng sổ đặt hàng.

Web3 người mới series: Từ số không thực hiện một NFT DEX

chế độ giao dịch sổ đặt hàng

Chế độ sổ đặt hàng chủ yếu được chia thành hai loại:

  1. Đơn định giá: Người bán đặt giá bán, người mua có thể mua nếu thấy phù hợp.
  2. Đơn mua: Người mua phát hành đơn đặt hàng, người bán cảm thấy giá cả hợp lý thì có thể bán.

Thông thường, giá mua sẽ thấp hơn giá niêm yết. Bài viết này chủ yếu giới thiệu về mô hình giá niêm yết.

Web3 người mới bắt đầu: Từ con số không đến việc thực hiện một NFT DEX

Chức năng cơ bản của sàn giao dịch NFT

Một sàn giao dịch NFT cơ bản nên bao gồm các chức năng sau:

  1. Đưa hàng hóa lên kệ: Đưa NFT lên với giá đã định
  2. Mua hàng: Mua theo giá NFT
  3. Thu phí giao dịch: tính theo tỷ lệ giá giao dịch

Quy trình niêm yết sản phẩm

  1. Frontend: Người dùng chọn NFT và đặt giá, nhấn vào đăng bán
  2. Hợp đồng: Người dùng ủy quyền hợp đồng thực hiện NFT

Quy trình mua hàng

  1. Frontend: Người dùng chọn NFT, nhấp vào mua
  2. Hợp đồng: Chuyển tiền của người mua cho người bán, NFT chuyển cho người mua

Web3 mới bắt đầu: Tạo một NFT DEX từ con số không

thực hiện sàn giao dịch NFT

1. Tạo NFT thử nghiệm

Bạn có thể sử dụng Remix để triển khai nhanh một hợp đồng NFT theo giao thức ERC-721 cho mục đích thử nghiệm.

Web3 mới bắt đầu: Từ số không để thực hiện một NFT DEX

2. Viết hợp đồng thông minh

Hợp đồng chủ yếu bao gồm các phương pháp sau:

2.1 Người bán niêm yết NFT

Quy trình:

  1. Người dùng chọn NFT
  2. Thiết lập giá
  3. Ủy quyền NFT cho hợp đồng
  4. Gọi phương thức niêm yết

Phương pháp niêm yết thực hiện:

  1. Kiểm tra quyền sở hữu NFT
  2. Thêm hồ sơ niêm yết
  3. Kích hoạt sự kiện niêm yết

Web3 người mới bắt đầu: Từ số không để thực hiện một NFT DEX

2.2 Người mua mua NFT

Thực hiện hợp đồng:

  1. Đọc dữ liệu NFT
  2. Tính toán và trừ phí giao dịch
  3. Chuyển NFT cho người mua
  4. Kích hoạt sự kiện mua

Web3 người mới series: Từ số không thực hiện một NFT DEX

2.3 Hủy niêm yết

Đặt trường isActive của hồ sơ niêm yết thành false

Web3 người mới series: Từ con số không hiện thực hóa một NFT DEX

2.4 Rút phí giao dịch

Rút phí tích lũy trong hợp đồng ra ngoài

Web3 người mới series: Từ con số không để thực hiện một NFT DEX

3. Phát triển giao diện người dùng

Công cụ chính được sử dụng:

  • Ant Design Web3: Kết nối ví và hiển thị NFT
  • Wagmi: tương tác với ví
  • Next.js + Vercel: Triển khai dự án

Giao diện phía trước bao gồm 3 trang:

  • Mint: Tạo NFT thử nghiệm
  • Mua: sàn giao dịch NFT
  • Portfolio: Quản lý NFT của người dùng

Web3 người mới: Từ con số không đến việc thực hiện một NFT DEX

3.1 Kết nối ví

Sử dụng thành phần kết nối Ant Design Web3 để thực hiện.

Web3 người mới bắt đầu: Từ số không để thực hiện một NFT DEX

3.2 Trang Mint

Sử dụng phương thức useWriteContract của wagmi để gọi phương thức mint của hợp đồng NFT.

Web3 người mới series: Từ đầu xây dựng một NFT DEX

3.3 Trang Portfolio

Hiển thị NFT mà người dùng sở hữu, hỗ trợ thao tác niêm yết và gỡ niêm yết.

Web3 người mới series: Từ số không thực hiện một NFT DEX

3.4 Trang mua

Hiển thị NFT đã được niêm yết, hỗ trợ thao tác mua.

Web3 mới bắt đầu: Từ con số không để hiện thực hóa một NFT DEX

Thông qua các bước trên, một sàn giao dịch NFT phi tập trung cơ bản đã được thiết lập. Có thể triển khai phần frontend lên Vercel để sử dụng.

MINT-7.76%
Xem bản gốc
Trang này có thể chứa nội dung của bên thứ ba, được cung cấp chỉ nhằm mục đích thông tin (không phải là tuyên bố/bảo đảm) và không được coi là sự chứng thực cho quan điểm của Gate hoặc là lời khuyên về tài chính hoặc chuyên môn. Xem Tuyên bố từ chối trách nhiệm để biết chi tiết.
  • Phần thưởng
  • 6
  • Chia sẻ
Bình luận
0/400
IntrovertMetaversevip
· 4giờ trước
Mua rau ở siêu thị chắc đơn giản hơn cái này.
Xem bản gốcTrả lời0
DaisyUnicornvip
· 4giờ trước
Ôi, giao thức nhỏ hoa hoa còn kỳ diệu hơn cả giá đỡ siêu thị~
Xem bản gốcTrả lời0
GateUser-a180694bvip
· 4giờ trước
Mong rằng dex này có thể thay đổi những điểm đau trong giao dịch nft
Xem bản gốcTrả lời0
DecentralizedEldervip
· 4giờ trước
Mở cửa rồi, anh em đến đi nào.
Xem bản gốcTrả lời0
ThatsNotARugPullvip
· 4giờ trước
hợp đồng thông minh đó thật phiền phức
Xem bản gốcTrả lời0
CascadingDipBuyervip
· 4giờ trước
lệnh chờ mua bán loại này đã thanh lý
Xem bản gốcTrả lời0
  • Ghim
Giao dịch tiền điện tử mọi lúc mọi nơi
qrCode
Quét để tải xuống ứng dụng Gate
Cộng đồng
Tiếng Việt
  • 简体中文
  • English
  • Tiếng Việt
  • 繁體中文
  • Español
  • Русский
  • Français (Afrique)
  • Português (Portugal)
  • Bahasa Indonesia
  • 日本語
  • بالعربية
  • Українська
  • Português (Brasil)