译文出自：登链翻译计划
译者：翻译小组
校对：Tiny熊
与IPFS的交互最常见的方式是从客户端应用程序上传图片和视频等文件，但我发现，好像没有很直接明了的教程。
在本教程中，你将通过使用ipfs-http-client，以尽可能少的代码来学习。这里的想法是在React中实现的，但应该可以相当容易地转移到任何其他JavaScript框架中，如Vue、Angular或Svelte。
关于IPFS
IPFS是一个去中心化的、点对点的文件共享协议。
有各种类型的IPFS网关可用，有些是免费的，有些则不是。有些提供只读访问，有些则提供读写访问。
你也可以运行你自己的IPFS网关。
职业棒球队纽约洋基通过 NYDIG 平台允许员工将部分薪资转换为比特币:7月14日消息，比特币服务和资产管理提供商 NYDIG 宣布与职业棒球队纽约洋基（New York Yankees）建立合作关系，成为纽约洋基的官方比特币薪资平台。该合作关系通过向纽约洋基的员工提供 NYDIG 的比特币储蓄计划（BSP）的访问权限，允许员工通过 NYDIG 平台将部分薪水转换为比特币。[2022/7/14 2:13:49]
因为我们将上传/保存文件，需要选择一个允许我们写访问的网关，这里使用的网关是Infura，其他流行的服务网管有Pinata或Fleek。
关于如何用Pinata将文件pin在IPFS上的例子，请查看这个代码库。
开始工作
如果你已经创建了一个React应用程序，则可以跳过这个步骤。
0x协议v4升级投票已通过 当前正在部署升级:2月20日消息，去中心化交易协议0x协议（ZRX）官方发布项目社区与治理会议回顾。内容显示，0x v4升级投票已获通过，目前正在部署中。v4升级能够通过模块化体系结构更快地升级协议。[2021/2/20 17:32:02]
首先，创建一个新的React应用程序，并进入新目录。
npxcreate-react-appipfs-examplecdipfs-example
接下来，使用NPM或Yarn安装ipfs-http-client库。
npminstallipfs-http-client
上传基本代码
基本功能只需3行代码就能概括，但我也将建立一个完整的用户界面，以显示它是如何组合在一起的。
Compound修改COMP流动性挖矿速度的提案或将通过 激励用户借贷ETH和WBTC:据官方消息，由Gauntlet提出的针对去中心化借贷协议Compound调整各类借贷资产COMP分发速度的提案的投票已将近收尾，目前支持者票数远超反对者。该提案将提升了ETH和WBTC借贷的COMP分发速度，而其他各类资产都有不同程度的微调。官方称，自33号提案后，社区已经有权力控制COMP在各个市场的中的分配速度了，该提案认为这可以更有效地管理如何使用COMP，提案认为，鉴于最初COMP分配数字设置得有些随意，所以需要根据前6个月的使用情况重新设置参数，未来也可以根据这个数据进行更多A/B测试和优化。[2021/1/11 15:53:24]
可工作的基本代码：
/*importtheipfs-http-clientlibrary*/import{create}from'ipfs-http-client';/*创建一个IPFS客户端实例*/constclient=ipfsHttpClient('https://ipfs
IDEX 2.0版已通过 Quantstamp 安全审计，将于下月推出:IDEX宣布将于下月推出2.0版本，该版本目前已通过Quantstamp的安全审计。IDEX称，这绝不意味着审计措施已结束，在为 IDEX 2.0做准备时，IDEX 计划制定严格的安全性和测试以维持行业领先的DEX地位。IDEX 2.0将中心化交易所的速度与功能和去中心化交易所的安全性和自托管功能结合在一起，目前已支持2.0 API沙箱在测试网使用，允许交易者在本地部署交易机器人，以减少摩擦。同时，目前已支持做市商和算法交易者访问API文件测试使用2.0版相关功能。[2020/8/28]
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
郑重声明： 本文版权归原作者所有， 转载文章仅为传播更多信息之目的， 如作者信息标记有误， 请第一时间联系我们修改或删除， 多谢。