译文出自:登链翻译计划
译者:翻译小组
校对:Tiny熊
本文是NFT教程的的第二部分,本教程主要介绍Flow区块链、NFT和IPFS。请先阅读第一部分NFT教程-用Flow和IPFS创建NFT。
在本文中,我们将构建一个简单的React应用程序,该应用程序与Flow智能合约交互,以验证和获取用户拥有的NFT。然后,我们将解析NFT的元数据,以获得NFT的底层标的资产的IPFS位置。提醒一下我们正在打造的NFT,就像NBATopShot一样,只不过是不同的视频内容。
项目设置
本教程中,你需要运行Flow模拟器。如果你不记得如何启动,可以看看之前的文章或者查看FlowCLI文档。需要注意的是,Flow模拟器是Flow区块链在内存的模拟。所以,如果关闭了模拟器,你需要继续做以下工作:
启动Flow模拟器
部署项目
Optimism参与Base的Onchain Summer活动并发布NFT:金色财经报道,Optimism在社交媒体上发文表示,“我们很高兴能够参与Base的Onchain Summer活动,重点介绍链上发生的一些令人惊叹的艺术和文化。请留意Optimistic NFT将于下周四(8月24日)下午5点(UTC)发布。[2023/8/17 18:06:41]
铸造你的NFT
在本教程第一部分NFT教程-用Flow和IPFS创建NFT详细介绍了其中的每一个步骤。
此外,还需要在你的机器上安装NodeJS。你可以在这里安装。
和之前一样,你需要一个文本编辑器。
初始化React和安装依赖
在第一部分教程中创建的pinata-party项目目录下创建React应用。
要创建我们的应用程序,运行以下命令:
npxcreate-react-apppinata-party-frontend
生成艺术NFT平台Art Blocks交易总额突破12亿美元:金色财经报道,最新数据显示,生成艺术NFT平台Art Blocks交易总额已突破12亿美元,创下历史新高,本文撰写时为1,200,345,781美元,交易总量为144,709笔。Art Blocks是一个专注于策划可编程生成艺术作品的平台,这些作品通常使用p5.js进行编程,p5.js是一个允许创造性编码的JavaScript库,脚本存储在链上。当铸造新艺术品时,会使用脚本随机生成一个独特的“种子”,从而生成独特的艺术品。[2022/3/3 13:35:44]
当一切安装完成后,你会有一个新的目录,叫做pinata-party-frontend,切换到该目录,安装依赖。
首先,参考Flow文档,需要安装FlowJSSDK。前端的设置我们只需要按照Flow的文档进行即可:
npmi;exportdefaultTokenData;//rawTokenData
社交应用Parler在其新NFT市场DeepRedSky中发行特朗普相关NFT:3月2日消息,社交应用Parler宣布推出其新的Solana NFT市场DeepRedSky,并在该市场发行美国前总统特朗普相关的NFT以吸引加密用户。该系列名为“Official CryptoTrump Club(官方加密特朗普俱乐部)。根据DeepRedSky的说法,每个CryptoTRUMP都是独一无二的,展示的是出现在各种场景中的特朗普图像。在1万个NFT集合中,有250个被归类为极为罕见的NFT。(Decrypt)[2022/3/2 13:31:19]
button{padding:10;height:30px;min-width:100px;cursor:pointer;}
现在,只要将新组件添加到App
exportdefaultApp;
运行应用程序并尝试获取代币数据,它应该是这样:
交易总额超1亿美元的NFT收藏品系列已达10个:8月30日消息,据最新数据显示,交易总额超过1亿美元的NFT收藏品系列已达10个,分别是:
1、Axie Infinity:交易总额17.2亿美元;
2、CryptoPunks:交易总额11.72亿美元;
3、NBA Top Shot:交易总额6.72亿美元;
4、Art Blocks:交易总额5.59美元;
5、Bored Ape Yacht Club:交易总额3.74亿美元;
6、Meebits:交易总额1.73亿美元;
7、Mutant Ape Yacht Club:交易总额1.51亿美元;
8、Rarible:交易总额1.44亿美元;
9、0N1 Force:交易总额1.16亿美元;
10、Parallel Alpha:交易总额1.04亿美元。[2021/8/30 22:47:23]
这真是太酷了!我们正在查找指定的账户所拥有的NFT,然后从该代币中获取元数据。并显示该元数据,我们知道该元数据中的一个值解析为一个视频文件。让我们把它显示出来。
一位网球职业选手以 NFT 的形式拍卖其右臂部分的终生权益:3月14日消息,网球职业选手 Oleksandra Oliynykova 将其右臂部分权益权铸造成 NFT,并在 OpenSea 上拍卖。Oliynykova 在国际网球联合会(ITF)的世界巡回赛排名中排名第 30,在女子网球协会(WTA)排名第 649 位,她拍卖的是右臂内侧肘部上方的区域; 总面积 15 厘米 x 8 厘米(约 6 英寸 x 3 英寸)。
注:网球职业选手的手臂部分相当于时代广场上的广告牌。 中标者可以转售,保留空白或在该区域委托纹身或人体艺术作品。[2021/3/14 18:43:30]
从IPFS获取媒体文件
你已经注册了一个Pinata账户,并通过Pinata上传界面将你的视频文件添加到IPFS。这意味着你已经可以从IPFS中获取内容了。在PinExplorer中,当你点击一个哈希值时,你会被带到PinataIPFS网关,在那里你的IPFS内容被解析并显示。为了教程更通用,我们还是从ProtocolLabs网关中获取它。
回到TokenData
p>);};exportdefaultTokenData;//rawTokenData.js
我们已经添加了一个video标签,它指向IPFS上的文件。你会注意到,这里拆分了uri值,以获得IPFS哈希值,这样就可以从IPFS网关获取对应内容。先介绍下那个URI。
我们用NFT创建的uri看起来像ipfs://Qm...。我们之所以这样创建,是因为IPFS桌面客户端默认允许你点击并打开这样的链接。另外,Brave浏览器也支持粘贴这样的链接。并且我们认为这种链接形式会随着IPFS的发展得到越来越多的支持。
然而,在这里下,我们需要在利用哈希来从IPFS公共网关获取内容,并在页面上显示。因此链接会是这样:
https://ipfs.io/ipfs/QmRZdc3mAMXpv6Akz9Ekp1y4vDSjazTx2dCQRkxVy1yUj6
现在,如果你访问我们的应用程序中获取代币数据,会看到如下界面:
这是一个真正的活的数字资产!你的视频可能会有所不同,但希望你在应用中感受到相同的体验。
最后
这是一个非常简单的应用,你可以做很多事情让它变得更漂亮,让它的交互性更强,甚至可以为它添加更多的Flow元素。FlowJSSDK的功能很强大,所以我推荐大家阅读一下文档。
在第二部分成功地使用Flow为应用添加了身份验证,创建了一个接口来获取NFT的信息,创建了一种方法来显示了原始元数据以及对应的底层标的资产。这一切都由Flow区块链和IPFS来保障。我们知道NFT是由谁拥有,也知道显示的内容是有效性,因为哈希值被编码到NFT中。
在本教程的最后一篇,我们将专注于创建一个迷你交易市场,让我们转移NFT。
本翻译由CellNetwork赞助支持。
来源:https://medium.com/pinata/how-to-display-your-nft-collection-like-nba-top-shot-with-flow-and-ipfs-6ba75048bf8a
参考资料
登链翻译计划:https://github.com/lbc-team/Pioneer
翻译小组:https://learnblockchain.cn/people/412
Tiny熊:https://learnblockchain.cn/people/15
NFT教程-用Flow和IPFS创建NFT:https://learnblockchain.cn/article/2271
NFT教程-用Flow和IPFS创建NFT:https://learnblockchain.cn/article/2271
这里安装:https://nodejs.org/en/
Flow文档:https://docs.onflow.org/flow-js-sdk/flow-app-quickstart
第一篇文章:https://learnblockchain.cn/article/2271
Pinata:https://pinata.cloud/
PinExplorer:https://pinata.cloud/pinexplorer
CellNetwork:https://www.cellnetwork.io/?utm_souce=learnblockchain
免责声明:作为区块链信息平台,本站所发布文章仅代表作者个人观点,与链闻ChainNews立场无关。文章内的信息、意见等均仅供参考,并非作为或被视为实际投资建议。
本文来源于非小号媒体平台:
登链社区
现已在非小号资讯平台发布105篇作品,
非小号开放平台欢迎币圈作者入驻
入驻指南:
/apply_guide/
本文网址:
/news/9781311.html
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表非小号的观点或立场
上一篇:
盘点零知识证明代表性项目:如何影响和塑造区块链生态系统?
尊敬的虎符用户, 为了不断优化和提升用户的产品体验,虎符已升级更新安卓版4.6.0APP,新版APP更新内容如下:1.此次只针对安卓用户更新,苹果IOS用户不受影响,可以正常使用.
链闻消息,轻量级区块链协议MinaProtocol宣布将于PST时间3月16日17点启动主网候选版本,比此前计划发布时间延迟一个小时.
一、观点 前天收“墓碑线”后,比特币索性顶部转向,8小时线走出了连续7根收跌,并在昨天16:00开盘后放出了巨量,值得注意的是,这一根巨量柱,意味着什么呢?探底结束.
作为一名炒币新人来说,首先得找一个大平台,找到一位负责任,专业的老师带领,不要盲目操作,拿自己的资金开玩笑。最近碰到有新朋友说某些小平台充币就可以终身免手续费,结果提币一直到不了帐.
据CoinDesk报道,去中心化投资协议Syndicate完成100万美元种子轮融资,IDEOCoLabVentures领投.
这是最好的时代。随着行情大起大落,我们每天都在被各种信息刷屏。烤仔猜你一定没有错过“佳士得天价拍卖NFT”的消息。毕竟,这么多媒体都在报道,消息铺天盖地,想错过都难.