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

译文出自:登链翻译计划

译者:翻译小组

校对:Tiny熊

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

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

项目设置

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

启动Flow模拟器

部署项目

ETHStorage创始人Qi Zhou:一旦L2等技术相对成熟,相信比特币也会采用这些技术:金色财经报道,在由比特大陆联合金色财经举办的《比特币诞生14周年》主题活动上,ETHStorage创始人Qi Zhou表示,据我的观察,往往一个链时间越长,市值越高,这个链对新的技术、对新的一些应用的支持的话会非常谨慎,比如以太坊早期加入一些功能是相对容易很多的,后面的话随着以太坊的市值增长和应用不断成熟,再加入新的功能和应用比如L2等会花很多时间。

在去中心化方面比特币还是有着比较大的统治地位,在应用上像以太坊的分叉是非常频繁的,以太坊历史上秘密修理了很多bug,曾经遭到比特币社区的批评不够去中心化,中本聪的离开等信号标志着比特币是完全去中心化驱动,不仅是节点运营,包括整个开发流程没有人去能够中心化控制,这样导致比特币采用新技术,会有一些困难性,一旦L2等技术相对成熟,相信比特币也会采用这些技术,解决更复杂的问题,比特币还会有非常大的升值空间。[2023/1/3 9:50:03]

铸造你的NFT

声音 | 大卫?马库斯:如果Libra在某些国家不能使用,来自这些国家的机构即使成为Libra协会成员也没有意义:金色财经直播报道,在本次Libra听证会上,议员提问:中国机构可以成为Libra协会成员吗?Marcus表示,这不是我们能决定的,但如果Libra在某些国家不能使用,那来自这些国家的机构即使成为Libra协会成员也没有意义。[2019/7/18]

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

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

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

初始化React和安装依赖

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

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

npxcreate-react-apppinata-party-frontend

这些国家有意发行官方数字法币:区块链蔓延全球,各国政府竞相发展官方数字法币。据公开资料显示,①.委内瑞拉—2017年秋天,委内瑞拉总统尼古拉斯·马杜罗宣布推出石油币(Petro),这是由该国石油储备支持的数字货币。②.俄罗斯—总统普京已经下令发行一种国家数字货币来避免国际金融制裁。③.中国—多部门官员表示央行正加强研究数字货币。④.土耳其—议员最近起草了一份报告,提议创建由国家支持的“土耳其币”。⑤.伊朗—伊朗信息和通讯技术部长已经确认由国家邮政银行开发国家数字货币的计划。⑥.马绍尔群岛—计划发行“Sovereign” (SOV)作为官方法定货币。⑦.瑞典—瑞典央行已经启动了一个项目来调查瑞典是否需要发行官方数字货币 “e-Krona”。⑧.加拿大—加拿大银行进行了“CAD币”的实验,对分布式账本技术的另一种探索。[2018/3/12]

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

NEAR生态NFT基础设施Mintbase完成1250万美元A轮融资:4月19日消息,NEAR生态NFT基础设施Mintbase宣布获得1250万美元A轮融资,其中包括750万美元的战略轮融资和由NEAR基金会支持的500万美元资助计划MintbaseGrants。战略轮由WoodstockFund领投,参投方包括CoinbaseVentures、LibertusCapital、SinoGlobalCapital、AnimocaBrands、FundamentalLabs、Figment、TRGC等。据悉,Mintbase在2020年11月份完成100万美元种子轮融资,SinoGlobal领投,D1Ventures、BlockOracleCapital、Arweave等参投。[2022/4/20 14:34:27]

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

npmi;exportdefaultTokenData;//rawTokenData

NFT 概念板块今日平均涨幅为0.96%:金色财经行情显示,NFT 概念板块今日平均涨幅为0.96%。16个币种中9个上涨,7个下跌,其中领涨币种为:MEME(+16.62%)、GHST(+10.74%)、MIX(+6.50%)。领跌币种为:HDAO(-8.09%)、LAR(-5.34%)、SAND(-4.53%)。[2020/12/13 15:03:13]

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

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

exportdefaultApp;

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

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

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

上一篇:

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

郑重声明: 本文版权归原作者所有, 转载文章仅为传播更多信息之目的, 如作者信息标记有误, 请第一时间联系我们修改或删除, 多谢。

链链资讯

[0:3ms0-4:598ms