比特幣價格 比特幣價格
Ctrl+D 比特幣價格
ads
首頁 > 瑞波幣 > Info

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

Author:

Time: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模擬器

部署項目

PUMA與NBA球星拉梅洛·鮑爾將于6月29日發售NFT數字球鞋:6月8日消息,據彪馬 PUMA 官推,PUMA 已經與 Gutter Cat Gang、以及 NBA 球星三球拉梅洛·鮑爾(LaMelo Ball)共同發布 GutterMelo MB.03 NFT 數字球鞋,該 NFT 將于 6 月 29 日啟動發售,持有者將能兌換一雙限量版 MB.03 實物運動鞋。

GutterMelo MB.03 NFT 將會在 OpenSea 上架,Gutter Cat Gang 和 PUMA NFT 持有者可以搶先體驗,購得 GutterMelo MB.03 NFT 的用戶需要在 7 月 18 日開始的一個月窗口期內兌換實體運動鞋。[2023/6/9 21:25:01]

鑄造你的NFT

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

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

美國寵物食品零售商Chewy提交元宇宙及NFT相關商標申請:4月28日消息,美國律師Mike Kondoudis發推文稱,美國寵物食品零售商Chewy, Inc. 已為CHEWY提交了元宇宙及NFT相關商標申請,表明其將發布虛擬鞋類/服裝/運動器材、舉辦虛擬世界/元宇宙活動、擁有虛擬商品的商店以及開設基于區塊鏈的資產市場的計劃。[2022/4/28 2:36:55]

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

初始化React和安裝依賴

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

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

npxcreate-react-apppinata-party-frontend

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

陳冠希:或將于年底前與周杰倫合作發布聯名NFT項目:1月10日,潮流藝人陳冠希在社群內發言表示,其個人經常和周杰倫一起就聯名一事進行交流,年底前應該還會發布一些與周杰倫合作的NFT項目。此前消息,NFT項目TheHeartProject曾于1月9日在社交媒體上發文表示,TheHeartProject與陳冠希的合作項目將于2月1日發布,TheHeartProjectNFT持有者可優先參與。[2022/1/10 8:37:46]

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

npmi;exportdefaultTokenData;//rawTokenData

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

現在,只要將新組件添加到App

exportdefaultApp;

Gate.io聯合APENFT致敬KAWS系列盲盒全部售罄:據官方消息,Gate.io聯合APENFT“致敬KAWS系列”盲盒于9月26日全部售罄,Gate.io數據顯示,在NFT魔盒平臺解鎖的1000個盲盒起售價為50美元。目前,該系列盲盒總交易額超過150000美金,二級市場最高溢價3676%。據悉,10月9日,APENFT基金會還將聯合Gate.io NFT魔盒舉行藏品藝術展。[2021/9/26 17:07:41]

運行應用程序并嘗試獲取代幣數據,它應該是這樣:

這真是太酷了!我們正在查找指定的賬戶所擁有的NFT,然后從該代幣中獲取元數據。并顯示該元數據,我們知道該元數據中的一個值解析為一個視頻文件。讓我們把它顯示出來。

從IPFS獲取媒體文件

你已經注冊了一個Pinata賬戶,并通過Pinata上傳界面將你的視頻文件添加到IPFS。這意味著你已經可以從IPFS中獲取內容了。在PinExplorer中,當你點擊一個哈希值時,你會被帶到PinataIPFS網關,在那里你的IPFS內容被解析并顯示。為了教程更通用,我們還是從ProtocolLabs網關中獲取它。

動態 | Animoca Brands子公司開始拍賣拜仁慕尼黑官方授權的NFT數字收藏品:區塊鏈游戲開發公司Animoca Brands的子公司Stryking Entertainment已經開始拍賣18件獲德甲足球豪門拜仁慕尼黑(FC Bayern)官方授權的數字收藏品(以NFT形式發放)。拍賣會將持續到2019年12月6日下午6點(格林威治時間)。(Proactive Investors)[2019/12/4]

回到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:NFTFLOWFLOATABNFT價格flow幣會下架嗎MiniFlokiADAKatana Inu

瑞波幣
NFT:NFT教程:用Flow和IPFS創建NFT_FLO

非同質化代幣(NFT)市場正在進入狂熱,回顧NFT早期的發展歷程,回憶CryptoKitties所暴露出挑戰是很有意思的.

1900/1/1 0:00:00
OIN:充值&交易瓜分10000 MOAC_scoin幣兌美元

親愛的CoinW用戶: 現CoinW已開啟MOAC充提服務,為慶祝MOAC主網順利升級,加持SWAP生態,CoinW將開啟“充值&交易瓜分10000MOAC獎池”活動.

1900/1/1 0:00:00
BTC:霍比特關于延遲上線OXY、MAPS、RAY聚合交易幣對的公告_HBT

尊敬的社區用戶: 霍比特交易所原定于2021年3月16日22:05(UTC8)?上線的OXY/USDT、MAPS/USDT、RAY/USDT聚合交易對將延遲。具體上線時間將以公告另行通知.

1900/1/1 0:00:00
PAR:Parity 官方 Substrate 開發者黑客馬拉松創業大賽將于 3 月 21 日舉行決賽_Brise Paradise

鏈聞消息,首屆Parity官方Substrate開發者黑客馬拉松創業大賽PolkadotHackathon將于3月21日舉行決賽demoday.

1900/1/1 0:00:00
NFT:簡析 NFT 價值與存儲方式:它是藝術家的金錢游戲?_FOR

原文標題:《原力研究|NFT是一場藝術家談論金錢的游戲?》你的NFT真正屬于你自己嗎?了解它是如何存儲的。「當銀行家共進晚餐時,他們會談論藝術;當藝術家共進晚餐時,他們會談論金錢.

1900/1/1 0:00:00
比特幣:全網最低價的Filecoin滿存算力,開啟推薦獎勵計劃_OIN

2021年2月,鯨交所推出了全網最低價的Filecoin滿存算力,受到了廣大用戶的熱烈歡迎。為了發展新用戶,鯨交所于2021年3月推出FILECOIN滿存算力推薦獎勵計劃.

1900/1/1 0:00:00
ads