Xây dựng nền tảng giao dịch NFT phi tập trung từ con số không: Hướng dẫn thực hiện hợp đồng thông minh và giao diện người dùng

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

Từ con số không xây dựng nền tảng giao dịch NFT phi tập trung

Trong vài bài viết trước, chúng tôi đã khám phá cách thực hiện giao dịch phi tập trung cho các token ERC-20 thông qua DEX. Vậy đối với NFT tuân 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 nền tảng giao dịch NFT phổ biến thường sử dụng mô hình đặt lệnh để giao dịch, tương tự như hàng hóa được trưng bày trên kệ siêu thị, người mua thấy giá phù hợp thì có thể mua mang đi. 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 giao dịch NFT phi tập trung. Cần lưu ý rằng, nội dung bài viết này chỉ để học tập tham khảo, không áp dụng cho môi trường sản xuất.

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

Giới thiệu về NFT

NFT tức là mã thông báo không thể thay thế, tuân theo giao thức ERC-721. Mỗi NFT đều là duy nhất, thường được hiển thị trong ví dưới dạng hình ảnh khác nhau và có ID duy nhất để phân biệt.

Do đặc tính của NFT, không thể thiết lập giá theo đường cong giá như token ERC-20. Vì vậy, phương thức giao dịch phổ biến hiện nay là sử dụng hình thức sổ lệnh.

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

Chế độ giao dịch sổ lệnh

Trong chế độ sổ đặt hàng, giá sản phẩm được thiết lập bởi con người, khác với cách tính giá theo thuật toán. Sổ đặt hàng thường có hai chế độ giao dịch:

  1. Đơn giá: Người bán thiết lập giá bán, người mua thấy phù hợp thì có thể mua.

  2. Đơn yêu cầu mua: Người mua phát ra đơn yêu cầu mua, người bán thấy giá hợp lý thì có thể bán.

Thông thường, giá của đơn đặt hàng sẽ thấp hơn giá niêm yết. Bài viết này sẽ tập trung vào mô hình giao dịch giá niêm yết.

Web3新手系列:从零实现一个 NFT DEX

Chức năng cơ bản của nền tảng NFT DEX

Một DEX NFT cơ bản nên bao gồm các chức năng sau:

  1. Đưa sản phẩm lên kệ: Đưa NFT vào nền tảng với giá đã định
  2. Mua hàng: Mua theo giá NFT
  3. Thu phí: thu theo tỷ lệ dựa trên giá giao dịch.

quy trình niêm yết hàng hóa

  1. Giao diện người dùng: Người dùng chọn NFT và thiết lập giá, nhấp vào đăng bán
  2. Hợp đồng: Người dùng ủy quyền hợp đồng thực hiện các thao tác với NFT của họ.

Hợp đồng cần duy trì bảng ánh xạ giá sản phẩm mà người dùng đã niêm yết. Để giảm bớt gánh nặng cho hợp đồng, phần dữ liệu này cũng có thể được lưu trữ trong dịch vụ Phi tập trung.

Quy trình mua hàng

  1. Frontend: Người dùng chọn NFT muốn mua, 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 người mới series: Từ số không thực hiện một NFT DEX

NFT DEX实现

Dưới đây chúng ta sẽ bắt đầu từ con số không để thực hiện một nền tảng NFT DEX.

1. Tạo NFT

Để phục vụ cho việc kiểm tra, chúng ta có thể nhanh chóng tạo một NFT theo giao thức ERC-721 thông qua Remix. Cũng có thể sử dụng NFT đã được chuẩn bị sẵn.

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

2. Viết hợp đồng

Hợp đồng nên bao gồm các phương pháp chính 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á ( bằng stablecoin hoặc ETH )
  3. Ủy quyền NFT cho hợp đồng
  4. Gọi phương pháp đưa lên nền tảng

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

  1. Kiểm tra quyền sở hữu NFT
  2. Thêm ghi chú 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ừ con số không thực hiện một nền tảng NFT DEX

2.2 Người mua mua NFT

Người mua chọn NFT và thanh toán, hợp đồng được thực hiện:

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

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

2.3 Hủy niêm yết

Chỉ cần đặt trường isActive của sản phẩm thành false.

2.4 Rút phí dịch vụ

Có thể lưu phí giao dịch vào hợp đồng hoặc chuyển đến địa chỉ chỉ định.

Web3新手系列:从零实现一个NFT DEX

3. Phát triển giao diện DEX

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

  • Ant Design Web3: Kết nối ví, hiển thị NFT
  • Wagmi: tương tác với ví
  • Nextjs + Vercel: triển khai dự án

Giao diện người dùng nên bao gồm ba trang: Mint, Buy và Portfolio.

Web3 người mới series: Từ con số không 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 của Ant Design Web3 để kết nối ví.

Web3 người mới bắt đầu: Từ con số không để xây dựng một DEX NFT

3.2 Trang Mint

Sử dụng phương pháp useWriteContract của wagmi để thực hiện việc đúc NFT.

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

3.3 Trang Portfolio

Hiển thị NFT của người dùng, hỗ trợ thao tác đăng và hủy đăng.

Web3新手系列:从零实现 một NFT DEX

3.4 Trang mua

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

Đến đây, một giao diện cơ bản cho DEX NFT đã hoàn thành. Có thể triển khai nó lên Vercel để truy cập.

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

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
  • 4
  • Đăng lại
  • Chia sẻ
Bình luận
0/400
PoolJumpervip
· 07-21 17:01
会整是 chuyên nghiệp
Xem bản gốcTrả lời0
DogeBachelorvip
· 07-19 17:08
Làm ơn bạn thân nói rõ hơn về cách thực hiện.
Xem bản gốcTrả lời0
BlockTalkvip
· 07-18 22:22
Tự mình giao dịch hợp đồng không bằng mở hộp bán phá giá
Xem bản gốcTrả lời0
ApeDegenvip
· 07-18 22:22
Cuối cùng cũng có hướng dẫn dẫn tôi phát tài!
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)