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

譯文出自：登鏈翻譯計劃

譯者：翻譯小組

校對：Tiny熊

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

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

關于IPFS

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

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

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

NFT 投資公司 NFT Investments 通過 AQSE 增長市場籌集到 4830 美元:4月14日消息，由 Argo Blockchain 聯合創始人 Jonathan Bixby 等人成立的 NFT 投資公司 NFT Investments PLC 在英國證券交易所 Aquis Stock Exchange （AQSE）增長市場籌集到 3500 萬英鎊（約合 4830 美元），遠超初始目標融資額 1000 萬英鎊。

注：NFT Investments 由 Argo Blockchain 聯合創始人 Jonathan Bixby 等人發起，旨在專門投資 NFT 以及投資與 NFT 和區塊鏈技術相關的公司或基金。[2021/4/14 20:16:45]

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

波卡周報：11號公投通過 波卡高優先級升級0.8.26-1已發布:11月15日，波卡Polkadot官方社區PolkaWorld發布波卡周報。主要內容有：1.全民公投 11 已經通過，Polkadot 已成功升級到?runtime v26。此 runtime 中的更改包括實現模塊版本控制、批處理所有外部（原子批處理）和驗證人選擇計算的改進。2.Polkadot 0.8.26-1 的高優先級升級已經發布，修復了 0.8.26 中的 DoS 向量。3.?12 號公投有很多人投了贊成票，但沒有任何信息發布在Polkassembly 上或在其他地方共享。4.Kusama Westend 的默認節點關閉了一段時間，現在已經可以再次可用。5.Substrate批處理全部 batch_all（原子批處理）已經實現。[2020/11/16 20:54:19]

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

歷史上的今天 | 新加坡《支付服務法案》通過 交易所需申請牌照合規運營:2019年1月20日，《支付服務法案》通過新加坡國會審議，已被正式立法，數字貨幣交易所需申請牌照合規運營。

2018年1月20日，美國商品期貨交易委員會（CFTC）向紐約法院提起民事訴訟，控告三家加密貨幣運營商涉嫌涉嫌比特幣、萊特幣欺詐客戶，并擅自挪用資金池。[2020/1/20]

開始工作

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

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

npxcreate-react-appipfs-examplecdipfs-example

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

動態 | 澳本聰回應江卓爾“為何不了解Base58 編碼”：我想通過 Base58 來誤導聽眾:江卓爾和澳本聰在昨日辯論上，江卓爾問澳本聰名：為什么在銷毀（burn）地址中使用 X 而不是 0。中本聰發明了用于這些地址的 Base58 編碼模式，中本聰有意地排除了看起來相似的數字和字母，比如零和字母 O。為什么您會不了解中本聰發明的Base58 編碼？

澳本聰（CSW）回應稱，這是我的代碼。我想通過 Base58 來誤導聽眾，想讓人們以為我不了解比特幣。實際上 Base58 和交易無關，它只是錢包的實現方式，checksum 是錢包層面的東西，它是錢包交易時用來驗證的東西，它并不存在比特幣網絡上。[2019/7/24]

npminstallipfs-http-client

上傳基本代碼

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

可工作的基本代碼：

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

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：HTTTPSENTLIENCHTT價格tps幣行情Center CoinALIEN幣

歐易交易所app下載