HTT:通过 Web 应用向 IPFS 上传文件_ALIENSQUID币

译文出自：登链翻译计划

译者：翻译小组

校对：Tiny熊

与IPFS的交互最常见的方式是从客户端应用程序上传图片和视频等文件，但我发现，好像没有很直接明了的教程。

在本教程中，你将通过使用ipfs-http-client，以尽可能少的代码来学习。这里的想法是在React中实现的，但应该可以相当容易地转移到任何其他JavaScript框架中，如Vue、Angular或Svelte。

关于IPFS

IPFS是一个去中心化的、点对点的文件共享协议。

有各种类型的IPFS网关可用，有些是免费的，有些则不是。有些提供只读访问，有些则提供读写访问。

你也可以运行你自己的IPFS网关。

Harmony 社区通过 Grant 提案，计划推出与 Cosmos 等联通的跨链桥:11月25日消息，Harmony 社区通过 Grant 提案，计划推出与 Cosmos 等区块链网络联通的跨链桥。该项目计划使用 IBC 在 Harmony 和基于 Tendermint 的区块链网络之间架起跨链桥，并部署在它们每一个区块链网络的私有测试网上，同时将使用 ICS-20 标准进行代币转移开发，HRC-20 代币（Harmony 生态代币）将可在基于 Tendermint 的区块链网络上作为 ICS-20 标准代币被处理。[2021/11/25 7:10:25]

因为我们将上传/保存文件，需要选择一个允许我们写访问的网关，这里使用的网关是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上的例子，请查看这个代码库。

Compound治理提案016以极微弱优势通过 WBTC抵押系数提高至40%:Compound投票系统数据显示，Compound治理提案016号以极微弱的优势通过（533998对523974），WBTC抵押系数已提高到40%。该提案由Alameda Research发起，该公司创始人Sam Bankman Fried（同时也是FTX创始人兼CEO）表示：“很高兴治理提案016可以通过，感谢所有支持这一提案的参与者。我认为这将有助于Compound的多元化发展，带来更多的实用协议。”

注：加密货币做市商Alameda Research已提交Compound治理提案016号，旨在将WBTC的抵押系数从0%提高到40%，允许其用于借贷其他资产。[2020/7/12]

开始工作

如果你已经创建了一个React应用程序，则可以跳过这个步骤。

动态 | BOS燃烧未激活空投提案持续20天通过 代码开放社区验证:《BOS未激活空投代币燃烧提案》已经连续20天满足支持率大于40%的阈值，快照高度为54171828，将于新加坡时间12月4号21:00 UTC-8开始燃烧。 相关代码、数据都已由社区开发者上传至Github，对社区进行开放验证。（IMEOS)[2019/12/4]

首先，创建一个新的React应用程序，并进入新目录。

npxcreate-react-appipfs-examplecdipfs-example

接下来，使用NPM或Yarn安装ipfs-http-client库。

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

标签：HTTTPSENTLIENCHTT价格tps币行情IdentityALIENSQUID币

比特币最新价格热门资讯