通過 Web 應用向 IPFS 上傳文件_WEB

譯文出自：登鏈翻譯計劃

譯者：翻譯小組

校對：Tiny熊

與IPFS的交互最常見的方式是從客戶端應用程序上傳圖片和視頻等文件，但我發現，好像沒有很直接明了的教程。

在本教程中，你將通過使用ipfs-http-client，以盡可能少的代碼來學習。這里的想法是在React中實現的，但應該可以相當容易地轉移到任何其他JavaScript框架中，如Vue、Angular或Svelte。

關于IPFS

IPFS是一個去中心化的、點對點的文件共享協議。

有各種類型的IPFS網關可用，有些是免費的，有些則不是。有些提供只讀訪問，有些則提供讀寫訪問。

你也可以運行你自己的IPFS網關。

數據：今日有三個地址通過 Uniswap V3 出售了近 9000 枚以太坊:金色財經報道，據 Lookonchain 監測，今日 idl.eth、maxkordek.eth 以及開頭為 0x6c1A 的地址共在 Uniswap V3 上賣出了 8988 枚以太坊。[2023/2/14 12:04:45]

因為我們將上傳/保存文件，需要選擇一個允許我們寫訪問的網關，這里使用的網關是Infura，其他流行的服務網管有Pinata或Fleek。

關于如何用Pinata將文件pin在IPFS上的例子，請查看這個代碼庫。

開始工作

如果你已經創建了一個React應用程序，則可以跳過這個步驟。

首先，創建一個新的React應用程序，并進入新目錄。

福布斯：Game Space加速Web2游戲公司進入 Web3，幫助粉絲通過 NFT 在娛樂領域創收:9月26日消息，福布斯就粉絲如何通過 NFT 在娛樂領域創收進行了刊文報道。文中提到，迄今為止世界上一些最大的娛樂平臺和特許經營權擁有者都在利用 NFT 和元宇宙。對于大多 Web2 企業來說，換到到Web3需要對自身基礎設施進行大調整，而Game Space提供了一種更快速、更低成本采用 NFT 和元宇宙技術，進入Web3的解決方案。

福布斯稱，許多公司都在不斷嘗試如何轉型進入Web3，利用NFT可能會讓他們在未來幾年處于娛樂行業的前沿。但并非每個Web2企業都有專業能力或預算去做，Game Space提供的技術可幫助當前的Web2游戲公司不到一周的時間內切換到Web3，即刻擁有 NFT 功能、創建交易市場并部署多鏈功能，而無需從頭開始構建。

?[2022/9/26 22:30:06]

npxcreate-react-appipfs-examplecdipfs-example

Compound 049號提案通過 將在2天等待期后執行:官方消息，Compound 049號提案通過，將在2天等待期后執行。提案 049 更新了 cToken 實現（根據提案 048），并改進了 cToken 事件日志和公共界面，并為這些改進提供了 30 COMP的賞金。[2021/6/27 0:09:14]

接下來，使用NPM或Yarn安裝ipfs-http-client庫。

npminstallipfs-http-client

上傳基本代碼

基本功能只需3行代碼就能概括，但我也將建立一個完整的用戶界面，以顯示它是如何組合在一起的。

可工作的基本代碼：

/*importtheipfs-http-clientlibrary*/import{create}from'ipfs-http-client';/*創建一個IPFS客戶端實例*/constclient=ipfsHttpClient('https://ipfs

EOS主網啟動投票通過 晚上21點將開始交易:在今天上午9點，EOS全球會議開始，參會的135名BP對于是否啟動主網進行了投票，最終投票結果為GO。接下來，BP們將要開始各種驗證工作，并在今晚9點開始交易。截至目前，EOS價格為14.46美元，跌幅0.5%。[2018/6/9]

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

Tags：HTTTPSWEBENTBHTThttps://etherscan.ioEnergy Web TokenAcent

SHIB最新價格