譯文出自:登鏈翻譯計劃
譯者:翻譯小組
校對:Tiny熊
與IPFS的交互最常見的方式是從客戶端應用程序上傳圖片和視頻等文件,但我發現,好像沒有很直接明了的教程。
在本教程中,你將通過使用ipfs-http-client,以盡可能少的代碼來學習。這里的想法是在React中實現的,但應該可以相當容易地轉移到任何其他JavaScript框架中,如Vue、Angular或Svelte。
關于IPFS
IPFS是一個去中心化的、點對點的文件共享協議。
有各種類型的IPFS網關可用,有些是免費的,有些則不是。有些提供只讀訪問,有些則提供讀寫訪問。
你也可以運行你自己的IPFS網關。
Wing社區WIP-19提案通過 pYFI將作為資產添加到Flash Pool:基于本體的跨鏈DeFi平臺Wing官方表示,WIP-19獲得2萬多投票,其中99%是贊成票。WIP-19正式通過。Yearn(pYFI)將作為資產添加到Flash Pool中以開啟借貸業務,即將公布更多詳細信息。[2020/12/18 15:41:41]
因為我們將上傳/保存文件,需要選擇一個允許我們寫訪問的網關,這里使用的網關是Infura,其他流行的服務網管有Pinata或Fleek。
關于如何用Pinata將文件pin在IPFS上的例子,請查看這個代碼庫。
開始工作
如果你已經創建了一個React應用程序,則可以跳過這個步驟。
首先,創建一個新的React應用程序,并進入新目錄。
MakerDAO新提案通過 提高ETH-A債務上限至1.8億:此前7月17日,Maker基金會風險小組將一項執行投票納入投票系統,旨在將ETH-A債務上限提高2000萬至1.8億。經查詢,該提案已于UTC時間7月19日15:08通過,將于UTC時間7月20日03:08(北京時間今日11:08)執行。[2020/7/20]
npxcreate-react-appipfs-examplecdipfs-example
接下來,使用NPM或Yarn安裝ipfs-http-client庫。
npminstallipfs-http-client
上傳基本代碼
基本功能只需3行代碼就能概括,但我也將建立一個完整的用戶界面,以顯示它是如何組合在一起的。
動態 | 物流平臺 DexFreight 試水 DeFi 通過 Maker 獲取去中心化資金來源:物流平臺 DexFreight 聯合金融供應鏈交換平臺 Centrifuge 和 Maker Foundation 發起一項試點項目,該項目在去中心化物流平臺 DexFreight 進行,通過對貨運發票實現代幣化處理,結合物流抵押品與 DeFi 中可用的低成本流動性,從而填補貨運公司短期融資缺口。[2019/10/10]
可工作的基本代碼:
/*importtheipfs-http-clientlibrary*/import{create}from'ipfs-http-client';/*創建一個IPFS客戶端實例*/constclient=ipfsHttpClient('https://ipfs
亞利桑那州使用加密貨幣繳稅的法案已在參議院通過 目前已送交該州眾議院:亞利桑那州上月曾提交一份有關允許本州居民使用加密貨幣繳稅的提案。據公開記錄顯示,參議院2月8日以16-13,一票未表決,通過了該法案。目前這項措施已經送交給該州眾議院進一步審議。在眾議院通過后,參眾兩院將對兩院的不同版本進行討論和調解,該法案才能最終通過。[2018/2/10]
exportdefaultApp
接下來,運行該應用程序。
npmstart
當應用程序加載時,你應該看到一個文件上傳按鈕。
一旦一個文件被成功上傳,你應該看到它在用戶界面上呈現出來。
你看,超簡單的。
本翻譯由CellETF贊助支持。
來源:https://dev.to/dabit3/uploading-files-to-ipfs-from-a-web-application-50a
參考資料
登鏈翻譯計劃:https://github.com/lbc-team/Pioneer
翻譯小組:https://learnblockchain.cn/people/412
Tiny熊:https://learnblockchain.cn/people/15
IPFS:https://ipfs.io/#how
ipfs-http-client:https://github.com/ipfs/js-ipfs/tree/master/packages/ipfs-http-client#readme
IPFS:https://learnblockchain.cn/2018/12/25/use-ipfs
IPFS網關:https://docs.ipfs.io/concepts/ipfs-gateway/#overview
你自己的IPFS網關:https://docs.ipfs.io/concepts/ipfs-gateway/#gateway-providers
Infura:https://infura.io/docs/ipfs
Pinata:https://pinata.cloud/
Fleek:https://fleek.co/
這個代碼庫:https://github.com/dabit3/ipfs-pinata-example
CellETF:https://celletf.io/?utm_souce=learnblockchain
免責聲明:作為區塊鏈信息平臺,本站所發布文章僅代表作者個人觀點,與鏈聞ChainNews立場無關。文章內的信息、意見等均僅供參考,并非作為或被視為實際投資建議。
本文來源于非小號媒體平臺:
登鏈社區
現已在非小號資訊平臺發布105篇作品,
非小號開放平臺歡迎幣圈作者入駐
入駐指南:
/apply_guide/
本文網址:
/news/10325617.html
免責聲明:
1.資訊內容不構成投資建議,投資者應獨立決策并自行承擔風險
2.本文版權歸屬原作所有,僅代表作者本人觀點,不代表非小號的觀點或立場
上一篇:
每周編輯精選WeeklyEditors'Picks
親愛的ZT用戶: ZT創新板即將上線BIFI,并開啟BIFI/USDT交易對。具體上線時間如下:充值:已開啟;交易:2021年9月9日17:00?; BIFI 項目簡介:Beefy.Financ.
1900/1/1 0:00:00尊敬的中幣用戶: ????中幣現已開啟CELO/USDT、SRM/USDT、NEAR/USDT交易對的3倍杠桿交易以及CELO、SRM、NEAR余幣理財業務.
1900/1/1 0:00:00尊敬的用戶:?????????????BKEXGlobal即將上線CART,詳情如下:上線交易對:CART/USDT幣種類型:ERC20?充值功能開放時間:已開放交易功能開放時間:2021年9月.
1900/1/1 0:00:00作者:RyanWatkins翻譯&編者按:MintVentures許瀟鵬原標題:SpeculationandTheSmartContractWars 原文鏈接: https://mess.
1900/1/1 0:00:00鏈聞消息,Solana生態穩定幣協議ParrotProtocol計劃9月14日開啟代幣PRT的IDO,共拍賣PRT總供應量10%的PRT.
1900/1/1 0:00:00親愛的ZT用戶: ZT創新板即將上線DVI,并開啟DVI/USDT交易對。具體上線時間如下:充值:已開啟;交易:2021年9月11日12:00?; DVI 項目簡介:DvisionNetwork.
1900/1/1 0:00:00