当前位置:网站首页>【Web3 系列开发教程——创建你的第一个 NFT(7)】创建一个 NFT DApp,给你的 NFT 赋予属性,例如图片
【Web3 系列开发教程——创建你的第一个 NFT(7)】创建一个 NFT DApp,给你的 NFT 赋予属性,例如图片
2022-08-10 04:03:00 【前端修罗场】
在本文中,你将构建一个 NFT 铸币机,并学习如何通过使用 Metamask 和 Web3 工具将你的智能合约连接到 React 前端,来创建一个NFT dApp。
我认为,对于具备 Web2 开发背景的开发者来说,最大的挑战之一是弄清楚如何将你的智能合约连接到前端项目并与之交互。
通过构建 NFT 铸币机(它一个简单的 UI,你可以在其中输入数字资产的链接、标题和描述),你将在本文中学习如何:
- 通过你的前端项目连接到 Metamask
- 从你的前端调用智能合约方法
- 使用 Metamask 签署交易
在本文中,我们将使用 React 作为我们的前端框架。 因为本文主要关注 Web3 开发,所以我们不会花太多时间分解 React 基础知识。所以,希望你对 React 有基础的了解,例如知道组件、props、useState/useEffect 和基本的函数调用
是如何工作的。
事不宜迟,让我们开始吧!
第 0 步:制作 NFT 101
在开始编写代码之前,有必要了解 NFT 的工作原理,它非常重要。 它包括两个步骤:
- 在以太坊区块链上发布 NFT 智能合约。 通常这是一个
ERC-721 或 ERC-1155
智能合约。
两种 NFT 智能合约标准的
最大区别在于 ERC-1155 是多代币标准
,包含批量功能
,而E
边栏推荐
猜你喜欢
随机推荐
c语言:通讯录(动态版本)
【网络迁移】Pytorch中的torch.no_grad对应MindSpore哪个方法
PHPCMS仿站从入门到精通,小白看这一套课程就够了
域名DNS解析工具ping/nslookup/dig/host
【Mindspore】【310推理】导入mindir文件出错
【mindspore】【Categorical】softmax数据放入Categorical类出现和不为1的错误
2022华数杯思路分析
requests库
最新开源的面试笔记,天花板级别!
富媒体在客服IM消息通信中的秒发实践
BGP实验+选路+路由策略+OSPF
2022G3锅炉水处理考试模拟100题及模拟考试
1413.Minimum Value to Get Positive Step by Step Sum
TCP协议之《ACK pingpong交互模式详解》
虚假新闻检测论文阅读(七):A temporal ensembling based semi-supervised ConvNet for the detection of fake news
Jackson的ObjectMapper在项目中的主要运用
【OpenCV图像处理5】图像的变换
整理零碎东西
Day14/15/16:哈夫曼树、哈弗曼编码(压缩与解压缩)
虚假新闻检测论文阅读(八):Assessing Arabic Weblog Credibility via Deep Co-learning