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

譯文出自：登鏈翻譯計劃

譯者：翻譯小組

校對：Tiny熊

本文是NFT教程的的第二部分，本教程主要介紹Flow區塊鏈、NFT和IPFS。請先閱讀第一部分NFT教程-用Flow和IPFS創建NFT。

在本文中，我們將構建一個簡單的React應用程序，該應用程序與Flow智能合約交互，以驗證和獲取用戶擁有的NFT。然后，我們將解析NFT的元數據，以獲得NFT的底層標的資產的IPFS位置。提醒一下我們正在打造的NFT，就像NBATopShot一樣，只不過是不同的視頻內容。

項目設置

本教程中，你需要運行Flow模擬器。如果你不記得如何啟動，可以看看之前的文章或者查看FlowCLI文檔。需要注意的是，Flow模擬器是Flow區塊鏈在內存的模擬。所以，如果關閉了模擬器，你需要繼續做以下工作：

啟動Flow模擬器

部署項目

特朗普擁有近500萬美元的以太坊，NFT許可費收入近490萬美元:金色財經報道，根據華盛頓公民責任與道德組織最新發布的經認證的2023年財務披露信息，美國前總統唐納德·特朗普持有的以太坊和他個人品牌的NFT收入都在不斷增長。文件顯示，特朗普錢包里擁有價值高達500萬美元的以太坊，詳細條目特別列出了280萬美元的收入。

披露的信息還顯示，特朗普從與NFT INT LLC的NFT許可協議中賺取了490萬美元，該公司是兩次獨立NFT發行背后的公司，已獲得數百萬美元的銷售額和特許權使用費。

特朗普的NFT售價為99美元，第一次發布是在去年年底，第二次是在4月份。根據OpenSea數據，第一個系列的交易量已超過2600萬美元。

盡管披露文件中特朗普賺取的280萬美元非常接近與NFT系列相關的四個錢包中持有的金額，但NFT INT LLC在其數字交易卡網站上聲明，它是一個獨立的實體。該網站稱，“NFT INT LLC不屬于特朗普組織唐納德·J·特朗普 (Donald J. Trump) 所有、管理或控制。NFT INT LLC在CIC Digital LLC的付費許可下使用唐納德·J·特朗普的名字、肖像和圖像。”

根據CREW發布的披露信息，特朗普被列為CIC Digital LLC的經理、總裁、秘書和財務主管。[2023/8/16 21:25:50]

鑄造你的NFT

澳網公開賽虛擬活動AO ArtBall將推出NFT:金色財經報道，1月，90萬名訪客在現實生活中觀看了澳大利亞網球公開賽 (AO) 網球賽事，遠程訪客可以通過metaverse進行參與。AO在2023年擴展了其web3服務，旨在使AO成為最容易獲得的體育和娛樂活動。虛擬活動包括AO ArtBall 2023和AO metaverse。AO Artball將推出NFT，任何澳網比賽的制勝一球落數據就會記錄在 NFT 上。然后為所有者提供諸如可穿戴設備、冠軍賽獲勝網球以及連續一年錦標賽決賽周的地面通行證等福利。[2023/2/10 11:57:54]

在本教程第一部分NFT教程-用Flow和IPFS創建NFT詳細介紹了其中的每一個步驟。

此外，還需要在你的機器上安裝NodeJS。你可以在這里安裝。

和之前一樣，你需要一個文本編輯器。

初始化React和安裝依賴

在第一部分教程中創建的pinata-party項目目錄下創建React應用。

NBA巨星斯蒂芬·庫里2974系列NFT 5分鐘內售罄:12月21日消息，FTX.US 在社交媒體上發文宣布，NBA 巨星斯蒂芬·庫里2974系列 NFT 2794 枚三分球得分時刻 NFT 已于開售后 5 分鐘內售罄，本次 NFT 發行銷售額達 146 萬美元，將全部用于慈善事業。

此外，由 Floyd Norman 創作的限量版「Full six-frame Cleveland storyboard」、Full six-frame Oklahoma City storyboard NFT 正在 FTX.US 上進行拍賣。[2021/12/22 7:55:50]

要創建我們的應用程序，運行以下命令：

npxcreate-react-apppinata-party-frontend

當一切安裝完成后，你會有一個新的目錄，叫做pinata-party-frontend，切換到該目錄，安裝依賴。

Open Sea回應內幕交易事件：將禁止員工利用內幕信息來買賣任何NFT:9月15日，NFT交易平臺Open Sea在其網站上對此前其產品經理被質疑進行內幕交易的事件進行了回應，Open Sea表示正在非常認真地對待此事，

并正在對這一事件進行立即徹底的審查，同時還將實施兩項新政策：1.OpenSea團隊成員不得在我們展示或推廣收藏品或創作者時購買或銷售收藏品或創作者；

2.禁止Open Sea團隊成員使用內幕信息購買或出售任何NFT，無論是否在Open Sea平臺上可用。[2021/9/15 23:27:38]

首先，參考Flow文檔，需要安裝FlowJSSDK。前端的設置我們只需要按照Flow的文檔進行即可：

npmi;exportdefaultTokenData;//rawTokenData

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

阿里巴巴推出NFT數字月餅:金色財經報道，日前，天貓超級品牌日推出超寫實數字人AYAYI定制月餅禮盒及定制NFT數字月餅，中簽用戶可獲得一枚NFT定制月餅。這款NFT定制月餅每一枚都配有專屬序列號，不可篡改、不可分割。據官方介紹，AYAYI本次送出的NFT數字月餅采用多面體和酸性金屬物質作為兩個主要設計元素。其中多面體形態代表當下的現實世界，而具有流動性的酸性金屬物質則象征元宇宙。兩種元素交融、對撞，表現了現實生活與未來數字生活的融合過程。這次AYAYI定制的NFT數字月餅活動是由螞蟻鏈平臺提供技術支持，限定50份，中簽用戶只需出1元可得定制月餅禮盒+定制NFT數字月餅1枚。[2021/9/10 23:15:36]

現在，只要將新組件添加到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.本文版權歸屬原作所有，僅代表作者本人觀點，不代表非小號的觀點或立場

上一篇：

盤點零知識證明代表性項目：如何影響和塑造區塊鏈生態系統？

Tags：NFTFLOFLOWATAPNFTFLOKICMO價格Top FlowerMATATA

POL幣最新價格