Truffle&OpenZeppelin环境搭建

Truffle&OpenZeppelin环境搭建

truffle网址:https://trufflesuite.com/docs/truffle/

OpenZepplin网址:https://docs.openzeppelin.com/contracts/4.x/

Ganache图形化界面APP下载地址:https://trufflesuite.com/ganache/

环境搭建

环境搭建之前确保已经正确安装以下组件:

  • VSCode
  • Node.js 14.0.X(这里不建议使用nvm来安装Node.js)
  • Git 2.10.x
  • python 3.7.x

在VSCode中安装Truffle插件:

安装网址:https://marketplace.visualstudio.com/items?itemName=trufflesuite-csi.truffle-vscode

在这里插入图片描述

安装好之后重启VSCode,在VSCode扩展中可看到Truffle for VS Codesolidity。这里将solidity的版本切换到0.0.135,否则的话后面在使用OpenZepplin时会导致 “Source "@openzeppelin/contracts/token/ERC721/ERC721.sol" not found: File import callback not supported ”的报错。

开始安装Truffle&Ganache:

# 此操作需要先下载ganache
npm install -g ganache
npm install -g truffle

查看node资源包下是否有对应的文件:

在这里插入图片描述

在这里插入图片描述

注意:

这一步一定要将truffle.cmdganache.cmd所在路径添加到用户的path环境变量下!!!!!

最好还要重启以下电脑,别问,问就是重启解决一切花里胡哨!!!!!

在这里插入图片描述

查看truffle和ganache是否安装成功:

在这里插入图片描述

验证环境

这时候在VSCode中查看–>输出–>Truffle for VS Code,checkApps中isValid的值全是true,这样整个环境就基本搭建好了。

在这里插入图片描述

创建空项目初体验

在对应的目录下创建一个空的文件:

在VSCode的终端中,切换到创建的空文件夹路径下执行

truffle init

在这里插入图片描述

在这里插入图片描述

能成功创建项目就是说明基础的环境已经搭建好了。

OpenZeppelin的使用

安装OpenZeppelin:

npm install @openzeppelin/contracts

注意:

这里可能会将之前安装的Truffle和Ganache下在文件删除掉,重新执行一下下载Truffle和Ganache的命令就好了。

在这里插入图片描述

拉取合约代码:

在这里插入图片描述

在VSCode的终端中执行:

1,切换到对应的目录下
cd D:\code\testOpenZ

2,执行Truffle命令
truffle init

3,选择不要覆盖constracts文件夹
No

在这里插入图片描述

编译合约:

truffle compile

这时候会报找不到文件的错:

在这里插入图片描述

在项目的目录下执行下载OpenZeppelin命令:

npm install @openzeppelin/contracts

在这里插入图片描述

node_modules文件夹下就会有@openzeppelin,这样也就不会包找不到文件的错了。

再次执行编译命令:

truffle compile

在这里插入图片描述

至此,项目搭建集成Openzepplin也就完成了!!!!!

solidity样例大全:https://solidity-by-example.org/

solidity视频:https://www.youtube.com/channel/UCJWh7F3AFyQ_x01VKzr9eyA

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、付费专栏及课程。

余额充值