【IPFS相关】如何在IPFS上部署Angular应用程序

【IPFS相关】如何在IPFS上部署Angular应用程序

本文由IPFS原力区收集译制,版权所属原作者

想要一个真正分散的应用程序?基本上,你所听说过的每一个所谓的“dApp”都不是去中心化的,即使它们的名字中有“去中心化”,或者有一个后缀写着“dex”。它们只是把一些数据放在区块链上的应用程序,但其余的都是集中的。并不是说这很糟糕,它只是没有去中心化。要完全分散数据和应用程序/用户界面,需要在一个不能由单个实体关闭的系统上。IPFS是为您的应用程序实现这一点的一个很好的方法。

本文将逐步向您展示如何将您的应用程序部署到IPFS,使其实际上是分散的,并且基本上是不可阻挡的。

首先最重要的事

我假设您已经安装了Angular。

您还必须安装IPFS,我假设您没有安装IPFS,所以我将在继续之前等待5分钟……

好吧,明白了吗?在一个终端,启动它:

【IPFS相关】如何在IPFS上部署Angular应用程序

现在我们在另一个终端做剩下的。

创建并部署Angular应用程序

我们将使用默认的Angular应用程序,它是用ng cli生成的:

【IPFS相关】如何在IPFS上部署Angular应用程序

现在打开src/index.html并将<base href>标签更改为:

【IPFS相关】如何在IPFS上部署Angular应用程序

这将允许它使用IPFS网关路径,直到它部署之后我们才会知道。现在让我们构建它并将其部署到IPFS。

【IPFS相关】如何在IPFS上部署Angular应用程序

它将把你的文件添加到IPFS中,并打印如下内容:

【IPFS相关】如何在IPFS上部署Angular应用程序

最后的第二行(第10行)具有根目录散列,复制。

完成

现在您可以使用上面得到的散列在任何IPFS网关上实时查看您的应用程序。IPFS网关是公司运行的http网关,允许人们轻松访问IPFS文件。这里有几个主要的你可以使用的,一个由IPFS组织操作,一个由Cloudflare:

  【IPFS相关】如何在IPFS上部署Angular应用程序

如果你用你的散列加载其中任何一个,你会看到Angular的欢迎界面:

【IPFS相关】如何在IPFS上部署Angular应用程序

【IPFS相关】如何在IPFS上部署Angular应用程序
 

【IPFS原力区】

总部位于上海,深耕IPFS社区发展与商业生态建设

Force系列产品布局IPFS商业应用,贯通视频娱乐、文件共享、浏览器入口、数据加密管理等服务,为企业与个人的使用提供一站式服务。

旗下IPFS原力区是IPFS顶级价值生态社区,聚集了众多技术大咖和IPFS爱好者,通过持续输出全面、精细、优质的IPFS咨询和技术支持,将生态中的爱好者转化为IPFS支持者和参与者,推动IPFS生态的健康发展。

【IPFS相关】如何在IPFS上部署Angular应用程序

原创文章,作者:IPFSforce,如若转载,请注明出处:http://ipfser.org/2019/04/24/%e3%80%90ipfs%e7%9b%b8%e5%85%b3%e3%80%91%e5%a6%82%e4%bd%95%e5%9c%a8ipfs%e4%b8%8a%e9%83%a8%e7%bd%b2angular%e5%ba%94%e7%94%a8%e7%a8%8b%e5%ba%8f/

发表评论

登录后才能评论

联系我们

在线咨询:点击这里给我发消息

邮件:ipfsforce@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code