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

译文出自：登链翻译计划

译者：翻译小组

校对：Tiny熊

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

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

关于IPFS

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

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

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

ApeCoin DAO社区关于将APE集成至NiftyKit的AIP-88提案投票已通过 ?:9月29日消息，ApeCoin DAO社区关于“通过无代码NFT Drop平台和Launchpad赚取ApeCoin”的生态系统资金分配提案AIP-88的投票以91.35%的支持率获得通过。

据悉，该提案旨在为ApeCoin NFT项目推出Launchpad并将ApeCoin社区整合到一个NFT投放平台中，由Bored Ape Yacht Club成员和NiftyKit联合创始人Dan发起。该提案计划在使用基于自助式智能合约的Launchpad平台NiftyKit为开发人员提供资金支持并为ApeCoin建立深度集成，并将ApeCoin设置为创造者经济的基础代币。

此前消息，由Snag Solutions为ApeCoin DAO建立NFT交易市场提案投票获得通过。[2022/9/29 22:40:05]

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

福布斯：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]

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

Compound 049号提案通过 将在2天等待期后执行:官方消息，Compound 049号提案通过，将在2天等待期后执行。提案 049 更新了 cToken 实现（根据提案 048），并改进了 cToken 事件日志和公共界面，并为这些改进提供了 30 COMP的赏金。[2021/6/27 0:09:14]

开始工作

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

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

npxcreate-react-appipfs-examplecdipfs-example

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

动态 | 物流平台 DexFreight 试水 DeFi 通过 Maker 获取去中心化资金来源:物流平台 DexFreight 联合金融供应链交换平台 Centrifuge 和 Maker Foundation 发起一项试点项目，该项目在去中心化物流平台 DexFreight 进行，通过对货运发票实现代币化处理，结合物流抵押品与 DeFi 中可用的低成本流动性，从而填补货运公司短期融资缺口。[2019/10/10]

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

标签：HTTTPSENTAPEhtt币价格tps币圈Valentine DogeAPES

以太坊交易所热门资讯