【学习】自建一个简单的NFT721交易所

最近又学习了ERC721相关的接口和合约,写一个能够简单交易NFT的交易所进行锻炼。

  • 主要知识点包括:

1、ERC721合约和接口

2、ERCReceiver的接口主要用途

3、使用Openzeppelin合约库

4、Remix在线编码平台使用

目前总觉得给合约,函数,变量起名字很累,当然也包括注释和说明内容,英文表述还是困难。

  • 合约代码:

看下写的NFT交易所的代码吧。

// SPDX-License-Identifier: MIT
pragma solidity ^0.8.10; 

import "@openzeppelin/contracts/token/ERC721/ERC721.sol";
import "@openzeppelin/contracts/token/ERC721/IERC721.sol";
import "@openzeppelin/contracts/token/ERC721/IERC721Receiver.sol";


 contract  NFTSwap is ERC721,IERC721Receiver {

    struct NftOrder {
        address owner;
        uint256 price;
    }

    mapping(address => mapping(uint256 => NftOrder)) public nftMarket ;

    event SellNft(address indexed nft, address indexed owner, uint256 id, uint256 price );
    event RevokeNft(address indexed nft, address indexed owner, uint256 id);
    event UpdateNft(address indexed nft, address indexed owner, uint256 id, uint256 newprice);
    event BuyNft(address indexed nft, address buyer, address indexed owner, uint256 price);

    constructor () ERC721("NFTSWAP", "NFTSWAP"){}

    receive() payable external {
    }

    function sellNft (address nft, uint256 id, uint256 price) public {
        require (nft != address(0), "nft address is 0");
        require (price > 0 , "price can not 0");
        require (IERC721(nft).getApproved(id) == address(this), "not approved");
        NftOrder storage no = nftMarket[nft][id];
        no.owner = msg.sender;
        no.price = price;

        IERC721(nft).safeTransferFrom(msg.sender, address(this), id);
        emit SellNft(nft, msg.sender, id, price);
    }

    function revokeNft(address nft, uint256 id) public {
        require (nft != address(0), "nft address is 0");
        NftOrder memory no = nftMarket[nft][id];
        require (no.owner == msg.sender, "not nft owner");
        IERC721(nft).safeTransferFrom(address(this), no.owner, id);
        delete nftMarket[nft][id];
        emit RevokeNft(nft, msg.sender, id);
    }

    function updateNft(address nft, uint256 id, uint256 newprice) public {
        require (nft != address(0), "nft address is 0");
        NftOrder storage no = nftMarket[nft][id];
        require (no.owner == msg.sender, "not nft owner");
        no.price = newprice;
        emit UpdateNft(nft, msg.sender, id, newprice);
    }

    function buyNft(address nft, uint256 id) public payable {
        require (nft != address(0), "nft address is 0");
        NftOrder storage no = nftMarket[nft][id];
        require (msg.value >= no.price, "not enough eth");
        require (no.owner != msg.sender, "nft owner cannot buy");
        payable(no.owner).transfer(no.price);
        IERC721(nft).safeTransferFrom(address(this), msg.sender, id);
        emit BuyNft(nft, msg.sender, no.owner, no.price);
        delete nftMarket[nft][id];
    }
          // 实现{IERC721Receiver}的onERC721Received,能够接收ERC721代币
      function onERC721Received(
          address operator,
          address from,
          uint tokenId,
          bytes calldata data
      ) external pure override returns (bytes4){
          return IERC721Receiver.onERC721Received.selector;
      }
}
  • 主要事件:

 event SellNft(address indexed nft, address indexed owner, uint256 id, uint256 price );
 event RevokeNft(address indexed nft, address indexed owner, uint256 id);
 event UpdateNft(address indexed nft, address indexed owner, uint256 id, uint256 newprice);
 event BuyNft(address indexed nft, address buyer, address indexed owner, uint256 price);

  • 主要函数:

function sellNft (address nft, uint256 id, uint256 price) public;

function revokeNft(address nft, uint256 id) public;

function updateNft(address nft, uint256 id, uint256 newprice) public;

function buyNft(address nft, uint256 id) public payable;

function onERC721Received(

address operator,

address from,

uint tokenId,

bytes calldata data

) external pure override returns (bytes4);

  • Remix实践截图(需要提前部署一个NFT721合约)

ERC721是以太坊上面的一个智能合约标准,它定义了非同质化代币(NFT)的标准接口,使得开发者能够创建和交易独特的数字资产,如游戏道具、收藏品等。 要实现ERC721标准,需要编写智能合约代码,可以使用Solidity语言来实现。以下是一个简单ERC721智能合约实现: ``` pragma solidity ^0.8.0; import "@openzeppelin/contracts/token/ERC721/ERC721.sol"; import "@openzeppelin/contracts/utils/Counters.sol"; contract MyNFT is ERC721 { using Counters for Counters.Counter; Counters.Counter private _tokenIds; constructor() ERC721("MyNFT", "NFT") {} function mintNFT(address recipient, string memory tokenURI) public returns (uint256) { _tokenIds.increment(); uint256 newItemId = _tokenIds.current(); _mint(recipient, newItemId); _setTokenURI(newItemId, tokenURI); return newItemId; } } ``` 上述代码实现了一个简单ERC721智能合约,包含了一个名为`MyNFT`的合约,继承自`ERC721`,并实现了`mintNFT`函数用于创建NFT。 接下来,需要搭建一个NFT交易所,可以使用Web3.js和React.js来实现。以下是一个简单NFT交易所前端代码实现: ``` import React, { useState, useEffect } from "react"; import Web3 from "web3"; import MyNFT from "./contracts/MyNFT.json"; const web3 = new Web3(Web3.givenProvider || "http://localhost:8545"); function App() { const [account, setAccount] = useState(""); const [nfts, setNFTs] = useState([]); useEffect(() => { async function loadBlockchainData() { const accounts = await web3.eth.getAccounts(); setAccount(accounts[0]); const networkId = await web3.eth.net.getId(); const deployedNetwork = MyNFT.networks[networkId]; const myNFT = new web3.eth.Contract( MyNFT.abi, deployedNetwork && deployedNetwork.address ); const totalSupply = await myNFT.methods.totalSupply().call(); const nftPromises = []; for (let i = 1; i <= totalSupply; i++) { nftPromises.push(myNFT.methods.tokenURI(i).call()); } const nftURIs = await Promise.all(nftPromises); setNFTs(nftURIs); } loadBlockchainData(); }, []); async function mintNFT() { const myNFT = new web3.eth.Contract(MyNFT.abi, MyNFT.networks[5777].address); await myNFT.methods .mintNFT(account, "https://example.com/my-nft.json") .send({ from: account }); setNFTs([...nfts, "https://example.com/my-nft.json"]); } return ( <div className="App"> <h1>My NFTs</h1> <p>Account: {account}</p> <button onClick={mintNFT}>Mint NFT</button> <ul> {nfts.map((nft) => ( <li> <a href={nft}>{nft}</a> </li> ))} </ul> </div> ); } export default App; ``` 上述代码实现了一个简单NFT交易所前端,包含了一个名为`App`的React组件,用于显示用户的NFT和创建新的NFT。在`loadBlockchainData`函数中,使用Web3.js和智能合约ABI来获取用户账户和NFT列表。在`mintNFT`函数中,使用Web3.js和智能合约ABI来创建新的NFT,并更新NFT列表。 最后,需要将智能合约部署到以太坊网络上,可以使用Remix或Truffle等工具进行部署。部署成功后,将智能合约地址更新到前端代码中即可。 以上是一个简单ERC721标准实现和NFT交易所搭建过程,具体实现过程可能会因为实际应用场景的不同而略有差异,需要根据实际情况进行调整。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值