譯文出自:登鏈翻譯計劃
譯者:翻譯小組
校對:Tiny熊
本文是NFT教程的的第二部分,本教程主要介紹Flow區塊鏈、NFT和IPFS。請先閱讀第一部分NFT教程-用Flow和IPFS創建NFT。
在本文中,我們將構建一個簡單的React應用程序,該應用程序與Flow智能合約交互,以驗證和獲取用戶擁有的NFT。然后,我們將解析NFT的元數據,以獲得NFT的底層標的資產的IPFS位置。提醒一下我們正在打造的NFT,就像NBATopShot一樣,只不過是不同的視頻內容。
項目設置
本教程中,你需要運行Flow模擬器。如果你不記得如何啟動,可以看看之前的文章或者查看FlowCLI文檔。需要注意的是,Flow模擬器是Flow區塊鏈在內存的模擬。所以,如果關閉了模擬器,你需要繼續做以下工作:
啟動Flow模擬器
部署項目
報告:一季度元宇宙NFT交易量達3.11億美元:金色財經報道,根據周四發布的DappRadar報告,2023年第一季度元宇宙的NFT交易有所增加,今年迄今為止總計3.11億美元。根據該報告,由于 Yuga Labs的Otherside和MG Land等平臺在該領域占據主導地位,虛擬土地交易在過去一個季度達到了14.7萬筆交易的歷史新高。另一方面,與Otherside元宇宙中的土地相關的NFT在第一季度的交易量為2.22億美元,比上一季度增長了237%。
此外,DappRadar數據顯示,2023年第一季度,4.175億美元投資于鏈游和元宇宙項目。(Coindesk)[2023/3/24 13:23:50]
鑄造你的NFT
在本教程第一部分NFT教程-用Flow和IPFS創建NFT詳細介紹了其中的每一個步驟。
此外,還需要在你的機器上安裝NodeJS。你可以在這里安裝。
和之前一樣,你需要一個文本編輯器。
海豚娛樂與The Flower Girls合作開發基于該NFT的衍生產品:3月7日,兒童電影電視制作公司海豚娛樂宣布與NFT項目The Flower Girls合作開發基于該NFT的電視節目、書籍、游戲、音樂、活動和商品。
據NFTGO.io數據顯示,The Flower Girls系列NFT交易額突破1200萬美元,目前地板價為0.515ETH。[2022/3/7 13:42:01]
初始化React和安裝依賴
在第一部分教程中創建的pinata-party項目目錄下創建React應用。
要創建我們的應用程序,運行以下命令:
npxcreate-react-apppinata-party-frontend
當一切安裝完成后,你會有一個新的目錄,叫做pinata-party-frontend,切換到該目錄,安裝依賴。
首先,參考Flow文檔,需要安裝FlowJSSDK。前端的設置我們只需要按照Flow的文檔進行即可:
二次元NFT收藏項目Azuki市值突破2億美元:金色財經報道,據3月4日最新數據顯示,二次元 NFT 收藏項目 Azuki 市值已突破 2 億美元,本文撰寫時為 2.0065 億美元,交易總額達到 3.269 億美元,地板價為 8.4 ETH。Azuki 由 TeamAzuki 創建,主打二次元風格頭像 NFT,此前在 1 月 13 日荷蘭拍賣中三分鐘即全部售罄(8700 枚 NFT 以 1 ETH 單價售出),而且還得到了 NBA 球星伊戈達拉等名人的支持。[2022/3/4 13:36:55]
npmi;exportdefaultTokenData;//rawTokenData
button{padding:10;height:30px;min-width:100px;cursor:pointer;}
現在,只要將新組件添加到App
exportdefaultApp;
電子音樂家Aphex Twin在Foundation上發布NFT:著名的電子音樂家Aphex Twin周六晚上在NFT拍賣平臺Foundation上發布了NFT。 這幅名為“ / afx \\ / weirdcore \\ ”的作品是藝術家臉部動畫的生動再現,這一圖案也出現在他的唱片目錄中。拍賣將持續到周日晚上,目前高出價是30 ETH(超過57,000美元),并且還在攀升。(Decrypt)[2021/3/14 18:43:32]
運行應用程序并嘗試獲取代幣數據,它應該是這樣:
這真是太酷了!我們正在查找指定的賬戶所擁有的NFT,然后從該代幣中獲取元數據。并顯示該元數據,我們知道該元數據中的一個值解析為一個視頻文件。讓我們把它顯示出來。
從IPFS獲取媒體文件
你已經注冊了一個Pinata賬戶,并通過Pinata上傳界面將你的視頻文件添加到IPFS。這意味著你已經可以從IPFS中獲取內容了。在PinExplorer中,當你點擊一個哈希值時,你會被帶到PinataIPFS網關,在那里你的IPFS內容被解析并顯示。為了教程更通用,我們還是從ProtocolLabs網關中獲取它。
F1 70周年紀念版Apex極致賽車NFT以98.7萬枚REVV出售:據官方消息,區塊鏈賽車游戲F1 Delta Time 70周年紀念版Apex極致賽車NFT已在OpenSea上結束拍賣,最終競拍價為987000枚REVV,價值27萬美元,成為F1 Delta Time迄今為止售價最高的賽車。[2021/3/12 18:39:30]
回到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:NFTFLOWFLOATANFTBlackmarketflow幣值得投資嗎FLOAT幣huatainetwork
大家好,我是今天的主持人,來自DeFibox的Cindy。很高興在這里帶來HOO的AMA,相信大家都希望對HOO能有更多的了解,所以我們計劃了這一場AMA,幫助大家深入了解HOO項目.
1900/1/1 0:00:00親愛的BitMax用戶: ?? 感謝您一直以來對BitMax給予的厚愛與肯定。經過連續三年的穩步發展與積累,BitMax將迎來加速成長、華麗蛻變的全新階段,品牌全方位戰略升級即將重磅啟動.
1900/1/1 0:00:00尊敬的歐易OKEx用戶:歐易OKEx上線Anchor(ANC)?具體時間如下:1.?ANC充值:?3月17日18:002.?ANC?/USDT的市場交易:?3月17日19:00?3.
1900/1/1 0:00:00尊敬的WBF用戶: 模擬盤交易打卡活動已于2021年3月17日00:00正式結束~活動期間,所有滿足合約新開戶、入金、交易的用戶,體驗金獎勵已實時發放.
1900/1/1 0:00:00尊敬的用戶: WBF將于2021年3月19日12:00在HotStar區開啟AIB愛的奇跡保值活動十三期;目標搶購額度:30萬AIB.
1900/1/1 0:00:00尊敬的LBank藍貝殼用戶:LBank藍貝殼將于2021年3月17日20:00(UTC8)上線ATP(Alaya).
1900/1/1 0:00:00