譯文出自:登鏈翻譯計劃
譯者:翻譯小組
校對:Tiny熊
本文是NFT教程的的第二部分,本教程主要介紹Flow區塊鏈、NFT和IPFS。請先閱讀第一部分NFT教程-用Flow和IPFS創建NFT。
在本文中,我們將構建一個簡單的React應用程序,該應用程序與Flow智能合約交互,以驗證和獲取用戶擁有的NFT。然后,我們將解析NFT的元數據,以獲得NFT的底層標的資產的IPFS位置。提醒一下我們正在打造的NFT,就像NBATopShot一樣,只不過是不同的視頻內容。
項目設置
本教程中,你需要運行Flow模擬器。如果你不記得如何啟動,可以看看之前的文章或者查看FlowCLI文檔。需要注意的是,Flow模擬器是Flow區塊鏈在內存的模擬。所以,如果關閉了模擬器,你需要繼續做以下工作:
啟動Flow模擬器
部署項目
Naver與LINE NEXT達成合作,為K-pop樂迷推出NFT平臺:金色財經消息,韓國互聯網巨頭Naver與LINENEXT合作推出了NFT平臺NOW.Drops。該平臺將允許K-pop樂迷創建定制的音樂NFT。
NOW.Drops允許用戶從NOW.的獨家內容中裁剪出他們最喜歡的音樂表演的NFT,NAVER的直播音頻和視頻流服務以韓國藝術家為主。
NOW.Drops可以通過LINE的電子錢包DOSI訪問,用戶可以通過社交媒體賬戶登錄并進行支付。LINE NEXT是東京移動應用巨頭LINE公司的NFT子公司,該公司由Naver和軟銀集團所有。(Forkast)[2022/9/22 7:13:34]
鑄造你的NFT
在本教程第一部分NFT教程-用Flow和IPFS創建NFT詳細介紹了其中的每一個步驟。
此外,還需要在你的機器上安裝NodeJS。你可以在這里安裝。
和之前一樣,你需要一個文本編輯器。
Rainmaker Games宣布推出NFT跨鏈市場:7月15日消息,加密貨幣初創公司Rainmaker Games宣布推出NFT跨鏈市場。Rainmaker首席執行官Will Deane在接受采訪時表示,有了這個新市場,玩家可以瀏覽Web3中聚合的主流GameFi NFT列表,包括指南、策略和評論,目前Rainmaker正在將數十款 Web3游戲捆綁在該NFT市場中。
此外,Deane透露,Rainmaker已經開始了新一輪融資。該公司目前約有20名員工。
去年12月,Rainmaker Games宣布完成650萬美元的種子輪融資,Animoca Brands、Alameda Research、Polygon Studios、CoinFund、Republic Realm、SkyVision Capital和Merit Circle參投。(Venture Beat)[2022/7/15 2:16:31]
初始化React和安裝依賴
Com2uS:NFT交易平臺C2X僅使用Terra技術并獨立于Luna生態系統,未投資過Luna:5月16日消息,受Terra事件影響,韓國游戲上市公司Com2uS旗下NFT交易平臺C2X也備受關注,因該平臺使用了Terraform Labs的區塊鏈Terra主網。Com2uS Holdings正在對Terra事件采取對策。Com2uS Holdings表示,在最壞的情況下,考慮建立自己的主網。Com2uS Holdings補償道:“目前C2X平臺服務運行正常。C2X僅使用Terra技術,是一個獨立于Luna價值的生態系統。”此外,Com2us Holdings表示,“我們將采取必要措施穩定服務運營。Com2us Holdings從未用現金投資過Luna或DeFi服務等虛擬資產。”(ekoreanews)[2022/5/16 3:19:23]
在第一部分教程中創建的pinata-party項目目錄下創建React應用。
要創建我們的應用程序,運行以下命令:
香港知名寵物超市Q-Pets進駐The Sandbox并發布10款限量NFT:4月1日消息,香港知名寵物超市Q-Pets進駐The Sand box,成為首家進軍元宇宙的寵物店。此外,Q-PETs還與元宇宙游戲工作室INDEX GAME合作推出限量寵物肖像VoxelNFT,該NFT系列共10款,包括4款小狗、4款小貓及2款兔子,每款限量100個,預計于今年年中開始接受公開認購。(hket)[2022/4/1 14:32:12]
npxcreate-react-apppinata-party-frontend
當一切安裝完成后,你會有一個新的目錄,叫做pinata-party-frontend,切換到該目錄,安裝依賴。
首先,參考Flow文檔,需要安裝FlowJSSDK。前端的設置我們只需要按照Flow的文檔進行即可:
npmi;exportdefaultTokenData;//rawTokenData
Banksy被燒毀并鑄造為NFT的藝術品以288.69ETH售出,約合38萬美元:3月9日消息,Banksy被燒毀并鑄造為NFT的藝術品在NFT交易平臺OpenSea以288.69ETH售出,約合38萬美元。[2021/3/9 18:28:00]
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.本文版權歸屬原作所有,僅代表作者本人觀點,不代表非小號的觀點或立場
上一篇:
盤點零知識證明代表性項目:如何影響和塑造區塊鏈生態系統?
3月12日11:00,Sifchain市場商務負責人LukeKim做客AEX安銀AMA直播間,就“跨鏈交易之美,全鏈式DEXSifchain預見DeFi未來”的主題作出了個人分享.
1900/1/1 0:00:00尊敬的中幣用戶: ???中幣已于香港時間2021年3月18日上線LPT。具體安排如下:???1、2021年3月18日12:00開啟LPT充值;???2、2021年3月18日18:00開始LPT/.
1900/1/1 0:00:00NFTs,例如比特幣以太坊。在2017年,一位來自溫哥華的程序員麥克·弗拉維爾創造了ERC-721的標準,這就是NFT的起源.
1900/1/1 0:00:00行情瞬息萬變,這里就不給千篇一律的操作策略了,具體操作會統一在實盤給出,并根據個人的資金配備合理的倉位方案。操作上輕倉進場,不要貪婪,落袋為安.
1900/1/1 0:00:00縱觀NFT市值的不斷增加,從加密貓起源再到NBATopShot熱賣,或是推特CEO推文NFT競拍達到250萬美元,都在不斷刷新NFT的市場價格,盡管每一筆天價成交不斷出現在新聞中.
1900/1/1 0:00:00數字貨幣追漲殺跌是什么意思?比特幣持續暴漲中,幣價已超過37000美元,人民幣一度逼近250000人民幣,這也帶動了數字貨幣市場的發展,使得目前投資數字貨幣成為了熱門項目,而在數字貨幣投資時.
1900/1/1 0:00:00