如何快速的部署一个静态页面到 Web3.0 上?5 分钟解密

「这是我参与2022首次更文挑战的第4天,活动详情查看:2022首次更文挑战


目前,Dfinity 是 Web3.0 最有趣的项目之一,它可以分发 Internet Computer 协议令牌(ICP)。

Internet Computer 第一个以网络速度运行且容量无限的 blockchain,比肩 Bitcoin 和 Ethereum,一种去中心化的计算机,可扩展智能合约计算和数据,并以网络速度去运行它们,有效的处理和存储数据,为开发人员提供了一个强大的软件框架。

image.png

这个协议将世界各地的多个物理数据中心连接到区块链中,并且还包含称作“canisters”的处理单元,你可以把它视作运行 Web assembly (WASM)字节码的一种容器;

image.png

在容器里,可以运行我们的网站,并通过 Internet Computer 提供服务,这个服务是端到端加密的;

image.png

不过,基于协议编写代码的官网语言是 MotokoRust,不过你也可以尝试把不同语言写的代码做再编译。

那到底如何才能快速部署一个简单的 HTML5 静态页面呢?

Fleek 项目能给到帮助,它相当于是 Web3.0 的 Netlfy。

  • Netlify是一家云计算公司,为Web应用程序和静态网站提供托管和无服务器后端服务。

image.png

其实 Fleek 能做的还有更多,不过我们先暂时只关注静态托管功能;

把静态页面项目放在 Github 上,fleek 可以集成在项目上,并提供自动构建项目;

操作流程:

  1. fleek.co 上登录;
  2. 重定向到 app.fleek.co/
  3. 单击 add new site 链接 Github,并选择要部署的项目仓库;
  4. 选择项目托管位置 IPFS (更多兴趣自行了解)

image.png

  1. 部署的最后一步,选择分支,进行自动部署构建(也可以自定义构建命令);

image.png

  1. 部署完成展示:

image.png

  1. 更改站点名字,分配自定义域名:

image.png

OK,如此,就实现了快速的构建一个静态页面到 Web3.0 上。fleek 除了能部署静态页面,还有其它功能,比如 IPFS 文件存储、与 ICP 的集成等。


小结:

去中心化、加密这些东西,已经被各种币给玩坏了,大家听到都有点抵触。。。其实,技术本身是没有好坏的,好与坏是看怎么使用它。我们可以把技术用来玩币,但是更可以把技术用来保护信息安全,升级 Web 版本等等。所以,不要把世界让给你自己都瞧不起的人或事,把技术用得更好,比抵触更有价值。

我是掘进安东尼,输出暴露输入,技术洞见生活,再会~

猜你喜欢

转载自juejin.im/post/7055672792204705805