Hướng dẫn toàn tập xây dựng nền tảng giao dịch NFT Phi tập trung từ cơ bản

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

Từ số không thực hiện một nền tảng giao dịch NFT phi tập trung

Đố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 tại, 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ư trưng bày hàng hóa trên kệ siêu thị, người mua 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 frontend đơ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 chỉ để tham khảo học tập, không phù hợp để sử dụng trực tiếp trong môi trường sản xuất.

NFT(Non-Fungible Token)Giới thiệu

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

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

Web3 mới bắt đầu: Từ con số không实现 một nền tảng NFT DEX

Mô hình giao dịch sổ lệnh

Trong chế độ sổ lệnh, giá hàng hóa được thiết lập bởi con người, khác với một số DEX tính toán giá thông qua đường cong giá. Sổ lệnh thường được chia thành hai chế độ giao dịch:

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

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

Giá của đơn mua thường sẽ thấp hơn giá của đơn định giá. Bài viết này chủ yếu giới thiệu về phương thức giao dịch đơn định giá.

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

Chức năng cơ bản của nền tảng giao dịch NFT Phi tập trung

Một nền tảng giao dịch NFT phi tập trung cơ bản nên bao gồm các chức năng sau:

  1. Đưa sản phẩm lên: Đưa NFT lên theo giá niêm yết
  2. Mua sản phẩm: Mua theo giá NFT
  3. Thu phí: 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à thiết lập giá, nhấp vào đăng tải
  2. Hợp đồng: Người dùng ủy quyền hợp đồng thao tác NFT

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

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 dùng cho người bán, chuyển NFT cho người mua

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

Thực hiện nền tảng giao dịch NFT Phi tập trung

Chương này sẽ bắt đầu từ việc xây dựng một nền tảng giao dịch NFT phi tập trung từ con số không.

1. Tạo hợp đồng NFT

Để phục vụ cho việc kiểm tra, chúng ta có thể sử dụng Remix để triển khai nhanh một hợp đồng NFT theo giao thức ERC-721. Tất nhiên, cũng có thể sử dụng trực tiếp hợp đồ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 NFT DEX

2. Viết hợp đồng nền tảng giao dịch

Nền tảng giao dịch hợp đồng nên bao gồm các phương pháp chính sau:

2.1 Người bán đưa NFT lên nền tảng

Quy trình lên sàn:

  1. Người dùng chọn NFT
  2. Thiết lập giá ( tính bằng stablecoin hoặc ETH )
  3. Ủy quyền NFT cho hợp đồng

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

  1. Xác minh 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 series: Từ số không thực hiện một NFT DEX

2.2 Người mua mua NFT

Quy trình mua hàng:

  1. Đọc dữ liệu NFT từ danh sách
  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 hàng

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

Chỉ cần đặt trường isActive của NFT tương ứng trong listings thành false.

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

2.4 Phí rút tiền

Rút phí tích lũy trong hợp đồng đến địa chỉ chỉ định.

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

3. Phát triển giao diện nền tảng giao dịch

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

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

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

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 chức năng kết nối ví.

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

3.2 Trang Mint

Sử dụng để đúc NFT thử nghiệm, gọi phương thức useWriteContract của wagmi để tương tác với hợp đồng.

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

3.3 Trang Portfolio

Quản lý NFT của người dùng, thực hiện chức năng niêm yết và gỡ niêm yết. Sử dụng API opensea để lấy danh sách NFT của người dùng, gọi hợp đồng để xác định trạng thái niêm yết của NFT.

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

3.4 Trang mua

Hiện tất cả NFT đã được niêm yết, thực hiện chức năng mua. Gọi phương thức purchaseNFT của hợp đồng để hoàn tất giao dịch.

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

Hoàn thành các bước trên, một nền tảng giao dịch NFT phi tập trung cơ bản đã được thiết lập. Có thể triển khai nó lên các nền tảng như Vercel để truy cập và sử dụng.

Web3 người mới series: Từ số không thực hiện một nền tảng 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
  • 7
  • Đăng lại
  • Chia sẻ
Bình luận
0/400
DeadTrades_Walkingvip
· 07-07 14:50
Một bài nhập môn nữa không có nền tảng, nước
Xem bản gốcTrả lời0
Ser_Liquidatedvip
· 07-07 11:44
Có gì để học không? Ví tiền kết nối xong là xong.
Xem bản gốcTrả lời0
NFTArchaeologisvip
· 07-05 06:00
Những nỗ lực phát triển đơn giản của một người yêu thích khảo cổ học có kinh nghiệm
Xem bản gốcTrả lời0
DefiEngineerJackvip
· 07-05 05:57
*thở dài* một hướng dẫn khác bỏ qua xác minh chính thức...
Xem bản gốcTrả lời0
CommunityWorkervip
· 07-05 05:57
Học cái gì chứ, thực chiến mới là chân lý.
Xem bản gốcTrả lời0
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)