通过 Web 应用向 IPFS 上传文件_DYDX:TPS

译文出自:登链翻译计划

译者:翻译小组

校对:Tiny熊

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

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

关于IPFS

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

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

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

xDai与Gnosis合并提案已通过 STAKE代币将置换为GNO代币:12月8日消息,以太坊扩容解决方案xDai宣布与Gnosis合并的提案已经通过,接下来将正式启动将STAKE代币置换为GNO代币的工作,同时xDai Chain将更名为Gnosis Chain。[2021/12/8 12:57:58]

因为我们将上传/保存文件,需要选择一个允许我们写访问的网关,这里使用的网关是Infura,其他流行的服务网管有Pinata或Fleek。

关于如何用Pinata将文件pin在IPFS上的例子,请查看这个代码库。

开始工作

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

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

吴忌寒:EIP-1559若顺利通过 ETH价格会大幅上涨:比特小鹿董事长吴忌寒在BCH蜂群表达对以太坊EIP-1559提案的支持。针对大量矿池反对EIP-1559提案,他表示:V神辛辛苦苦给弄了这么好的提案,还有这么多人反对。提案顺利通过,ETH价格大幅上涨,矿工也是赢家。EIP-1559将销毁大部分手续费,促进以太坊由通胀走向通缩,矿工的收入(币本位)减少10-30%。目前星火等以太坊矿池反对,但鱼池表示支持,认为可以提升用户体验。(吴说区块链)[2021/3/2 18:07:50]

npxcreate-react-appipfs-examplecdipfs-example

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

npminstallipfs-http-client

Skip Protocol 将在 Sei Network 上提供 MEV 捕获机制:10月18日消息,Cosmos 生态 MEV 基础设施提供商 Skip Protocol 将在 Layer 1 公链 Sei Network 提供最大可提取价值(MEV)捕获机制。Sei 用户和验证者将科通过收回 MEV 获得被动奖励,MEV 可用于资助社区池、支付或补贴 Gas 费用、增加质押奖励或作为直接回扣给予。[2022/10/18 17:30:59]

上传基本代码

基本功能只需3行代码就能概括,但我也将建立一个完整的用户界面,以显示它是如何组合在一起的。

可工作的基本代码:

/*importtheipfs-http-clientlibrary*/import{create}from'ipfs-http-client';/*创建一个IPFS客户端实例*/constclient=ipfsHttpClient('https://ipfs

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

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

郑重声明: 本文版权归原作者所有, 转载文章仅为传播更多信息之目的, 如作者信息标记有误, 请第一时间联系我们修改或删除, 多谢。

金智博客

[0:15ms0-4:303ms