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

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

image.png


目前,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 版本等等。所以,不要把世界让给你自己都瞧不起的人或事,把技术用得更好,比抵触更有价值。


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



相关文章
|
2月前
|
中间件 Java 应用服务中间件
Windows部署web应用服务器Jboss中间件
如何在Windows系统上部署JBoss 7.1作为Web应用服务器,包括配置环境变量、自动部署WAR包、访问JBoss控制台、设置管理员账户以及修改端口和绑定地址等操作。
69 1
|
2月前
|
负载均衡 应用服务中间件 持续交付
微服务架构下的Web服务器部署
【8月更文第28天】随着互联网应用的不断发展,传统的单体应用架构逐渐显露出其局限性,特别是在可扩展性和维护性方面。为了解决这些问题,微服务架构应运而生。微服务架构通过将应用程序分解成一系列小型、独立的服务来提高系统的灵活性和可维护性。本文将探讨如何在微服务架构中有效部署和管理Web服务器实例,并提供一些实际的代码示例。
68 0
|
1月前
|
前端开发 JavaScript
构建你的第一个Web应用:从零到部署
【8月更文挑战第33天】 在这篇文章中,我们将一起踏上构建一个基本Web应用的旅程。不同于传统的“安装这个、运行那个”教程,我们的目标是通过理解每一步的意义和目的来深化你的技术理解。我们将探索HTML、CSS、JavaScript的基础,并学习如何将它们结合起来创建一个简单的个人网站。接着,我们会介绍如何使用GitHub Pages进行免费部署,让你的应用上线。准备好了吗?让我们开始吧!
|
28天前
|
负载均衡 网络协议 应用服务中间件
web群集--rocky9.2源码部署nginx1.24的详细过程
Nginx 是一款由 Igor Sysoev 开发的开源高性能 HTTP 服务器和反向代理服务器,自 2004 年发布以来,以其高效、稳定和灵活的特点迅速成为许多网站和应用的首选。本文详细介绍了 Nginx 的核心概念、工作原理及常见使用场景,涵盖高并发处理、反向代理、负载均衡、低内存占用等特点,并提供了安装配置教程,适合开发者参考学习。
|
2月前
|
网络协议 Serverless API
现代化 Web 应用构建问题之验证各个服务是否已成功部署如何解决
现代化 Web 应用构建问题之验证各个服务是否已成功部署如何解决
18 1
|
2月前
|
Java Docker 微服务
微服务架构已成为Java Web开发的新趋势,它通过将应用分解为独立、可部署的服务单元,提升了系统的灵活性与可维护性。
微服务架构已成为Java Web开发的新趋势,它通过将应用分解为独立、可部署的服务单元,提升了系统的灵活性与可维护性。每个服务负责特定功能,通过轻量通信机制协作。利用Spring Boot与Spring Cloud等框架可简化开发流程,支持模块化设计、独立部署、技术多样性和容错性,适应快速迭代的需求。
66 1
|
2月前
|
Java UED 自然语言处理
Struts 2 国际化竟有如此神奇魔力?快来揭开多语言支持的 Web 应用神秘面纱
【8月更文挑战第31天】在全球化背景下,Web应用需适应多种语言环境。Struts 2凭借其强大的国际化(i18n)支持,简化了多语言应用开发。通过不同语言的资源文件,它能自动匹配用户语言偏好,优化用户体验并扩展用户群。下面是一个示例:创建`messages.properties`(英语)与`messages_zh_CN.properties`(中文),并在Struts 2的Action类及JSP页面中调用`getText()`方法及Struts标签展示相应语言内容。此外,在struts.xml中指定资源文件,以确保框架正确加载对应语言包。通过这些步骤,开发者可以轻松实现应用的多语言支持。
51 0
|
2月前
|
Java 数据库 API
JSF与JPA的史诗级联盟:如何编织数据持久化的华丽织锦,重塑Web应用的荣耀
【8月更文挑战第31天】JavaServer Faces (JSF) 和 Java Persistence API (JPA) 分别是构建Java Web应用的用户界面组件框架和持久化标准。结合使用JSF与JPA,能够打造强大的数据驱动Web应用。首先,通过定义实体类(如`User`)和配置`persistence.xml`来设置JPA环境。然后,在JSF中利用Managed Bean(如`UserBean`)管理业务逻辑,通过`EntityManager`执行数据持久化操作。
38 0
|
2月前
|
Java 开发者 关系型数据库
JSF与AWS的神秘之旅:如何在云端部署JSF应用,让你的Web应用如虎添翼?
【8月更文挑战第31天】在云计算蓬勃发展的今天,AWS已成为企业级应用的首选平台。本文探讨了在AWS上部署JSF(JavaServer Faces)应用的方法,这是一种广泛使用的Java Web框架。通过了解并利用AWS的基础设施与服务,如EC2、RDS 和 S3,开发者能够高效地部署和管理JSF应用。文章还提供了具体的部署步骤示例,并讨论了使用AWS可能遇到的挑战及应对策略,帮助开发者更好地利用AWS的强大功能,提升Web应用开发效率。
51 0
|
2月前
|
JavaScript 搜索推荐 前端开发
从零搭建到部署:Angular与Angular Universal手把手教你实现服务器端渲染(SSR),全面解析及实战指南助你提升Web应用性能与SEO优化效果
【8月更文挑战第31天】服务器端渲染(SSR)是现代Web开发的关键技术,能显著提升SEO效果及首屏加载速度,改善用户体验。Angular Universal作为官方SSR解决方案,允许在服务器端生成静态HTML文件。本文通过具体示例详细介绍如何使用Angular Universal实现SSR,并分享最佳实践。首先需安装Node.js和npm。
28 0
下一篇
无影云桌面