宇宙链 宇宙链
Ctrl+D收藏宇宙链
首页 > 非小号 > 正文

NFT 教程 - 如何展示 Flow 和 IPFS 上的 NFT 收藏品

作者:

时间:1900/1/1 0:00:00

译文出自:登链翻译计划

译者:翻译小组

校对:Tiny熊

本文是NFT教程的的第二部分,本教程主要介绍Flow区块链、NFT和IPFS。请先阅读第一部分NFT教程-用Flow和IPFS创建NFT。

在本文中,我们将构建一个简单的React应用程序,该应用程序与Flow智能合约交互,以验证和获取用户拥有的NFT。然后,我们将解析NFT的元数据,以获得NFT的底层标的资产的IPFS位置。提醒一下我们正在打造的NFT,就像NBATopShot一样,只不过是不同的视频内容。

项目设置

本教程中,你需要运行Flow模拟器。如果你不记得如何启动,可以看看之前的文章或者查看FlowCLI文档。需要注意的是,Flow模拟器是Flow区块链在内存的模拟。所以,如果关闭了模拟器,你需要继续做以下工作:

启动Flow模拟器

7-Eleven于Polygon上推出免费思乐冰NFT:7月12日消息,为庆祝“思乐冰日”(7月11日),7-Eleven于Polygon上推出免费思乐冰NFT。这款收藏游戏可通过移动设备游玩,为虚拟的7-11思乐冰杯和四种口味:樱桃、蓝覆盆子、椰林果汁朗姆酒和夏日柑橘。将杯子装满后,用户可获取其“思乐冰Vibe数字收藏品”。该藏品不可出售或转让给第三方。[2023/7/12 10:49:40]

部署项目

铸造你的NFT

在本教程第一部分NFT教程-用Flow和IPFS创建NFT详细介绍了其中的每一个步骤。

此外,还需要在你的机器上安装NodeJS。你可以在这里安装。

和之前一样,你需要一个文本编辑器。

初始化React和安装依赖

在第一部分教程中创建的pinata-party项目目录下创建React应用。

报告:元宇宙NFT一季度的销售额飙升至5亿美元以上:金色财经报道,根据一份新的DappRadar报告,今年与元宇宙虚拟世界相关的NFT销量飙升。“2023 年第一季度,虚拟现实世界出现了前所未有的增长和创新。5.02亿美元投资于区块链游戏和元宇宙项目。”

报告指出,虚拟土地销售一马当先,数字土地销售收入达3.11亿美元。“自今年年初以来,虚拟世界市场一直处于牛市状态,数字土地交易量增长了277%。”

DappRadar认为,这是自2022年5月Terra Luna崩溃以来虚拟世界表现最好的一个季度。(coinmarketcap)[2023/3/25 13:25:58]

要创建我们的应用程序,运行以下命令:

npxcreate-react-apppinata-party-frontend

当一切安装完成后,你会有一个新的目录,叫做pinata-party-frontend,切换到该目录,安装依赖。

首先,参考Flow文档,需要安装FlowJSSDK。前端的设置我们只需要按照Flow的文档进行即可:

皇家马德里俱乐部将在Flow区块链上推出智能票证NFT:11月5日消息,西甲豪门皇家马德里俱乐部将与粉丝参与软件平台LAVA合作,在Flow区块链上推出智能票证NFT。9月下旬,该产品在皇家马德里体育场的一场比赛中进行了测试,现在将开始大规模推广。该智能票证将可提供代币奖励,让球迷访问专为比赛设计的数字项目,以改善球迷体验。该产品与球迷代币有相似之处,可兑换奖励。籍此可为具体比赛(而非整个品牌)设计产品,这有望增强球迷参与感。(Ledger Insights)[2021/11/5 6:32:42]

npmi;exportdefaultTokenData;//rawTokenData

button{padding:10;height:30px;min-width:100px;cursor:pointer;}

现在,只要将新组件添加到App

exportdefaultApp;

运行应用程序并尝试获取代币数据,它应该是这样:

NFT游戏Dragon Kart获Signum Capital战略投资:据官方消息,基于BSC的NFT游戏Dragon Kart宣布获得Signum Capital战略投资。据了解,Signum Capital是一家总部位于新加坡的风险投资公司,专注于区块链领域的公司和创新项目;Dragon Kart是一款基于区块链平台的3D NFT P2E竞技赛车游戏。[2021/10/16 20:33:47]

这真是太酷了!我们正在查找指定的账户所拥有的NFT,然后从该代币中获取元数据。并显示该元数据,我们知道该元数据中的一个值解析为一个视频文件。让我们把它显示出来。

从IPFS获取媒体文件

你已经注册了一个Pinata账户,并通过Pinata上传界面将你的视频文件添加到IPFS。这意味着你已经可以从IPFS中获取内容了。在PinExplorer中,当你点击一个哈希值时,你会被带到PinataIPFS网关,在那里你的IPFS内容被解析并显示。为了教程更通用,我们还是从ProtocolLabs网关中获取它。

公链IoTeX将正式上线链上第一个NFT平台SOTA:据官方消息,公链IoTeX将正式上线链上第一个NFT平台SOTA,IoTeX用户可以通过SOTA平台创建、出售和交易数字内容NFT。

据悉,“Pebble原石”首创基于可验证的现实世界数据来锻造NFT与Linkstar Gamefi游戏将通过Play-to-earn打金锻造NFT,即将在SOTA平台上交易流通。

SOTA NFT平台SOTA(sofa.finance)是一个多链平台的数字内容NFT应用平台,现已正式上线6大区块链平台,包括IoTeX、币安智能链、以太坊2.0、火币HECO、Polygon和OK链。

IoTeX作为硅谷开源项目成立于2017年,以链接现实世界和数字世界为发展目标,是与以太坊全兼容的高性能公有区块链。[2021/8/3 1:31:21]

回到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.本文版权归属原作所有,仅代表作者本人观点,不代表非小号的观点或立场

上一篇:

盘点零知识证明代表性项目:如何影响和塑造区块链生态系统?

标签:FLOFLOWNFTATAHKFLOKI价格EternalFlowKNFTSATA

非小号热门资讯
币海引路人:BTC/ETH多空博弈 白盘走势解析和操作策略

币海引路人:BTC/ETH多空博弈白盘走势解析和操作策略行情走势莫测,就像未卜是人生,总有跌宕起伏的时候,交易如同攀爬,只有登上绝顶,才能享受奇观胜景;若遇难而退,中途放弃,只会与机会擦肩而过,在交易中,最重要的就是要敢于出手.

1900/1/1 0:00:00
法国政府机构将拍卖价值3400万美元的比特币

法国政府决定在本周的拍卖中出售611BTC,由法国没收和没收资产的追回与管理局进行拍卖。本月早些时候,当地新闻公司Cyber??guere报道说,法国当局早在2019年就从交换服务GateHub的黑客手中夺取了大量加密货币资金.

1900/1/1 0:00:00
eToro将通过SPAC合并上市,估值达104亿美元

本文来自?TheBlock,作者:RyanWeeksOdaily星球日报译者|余顺遂加密货币交易平台eToro正在与FinTechAcquisitionCorp.V.合并.

1900/1/1 0:00:00
重构风险投资的参与 DAO Maker为普罗大众筑建双赢融资

3月16日17:00,AEX交易所联合DAOMaker全球业务拓展负责人就“重构风险投资的参与DAOMaker为普罗大众筑建双赢融资”的主题作出了个人分享,以下是本期AMA的精华内容:1.DAOMaker自2018年诞生.

1900/1/1 0:00:00
阳包阴失败 调整开始! 院长说币行情分析(3/16)

本公众号的文章只做研究、学习和交流使用,不具有任何的操作指导意义!币圈唯一每天坚持视频分析行情的公众号!如果需要视频行情分析.

1900/1/1 0:00:00
美国职棒大联盟奥克兰A俱乐部现在接受比特币2021年赛季通行证

职业棒球队奥克兰运动会宣布,球俱乐部现在正在接受比特币作为季票。现在,通过开放日,可以使用一个比特币购买一套六个OaklandA的全季套房,与正常费用相比,目前是一个折扣.

1900/1/1 0:00:00