常见的三种Web应用程序:SWA, PWA 和Jamstack

2644 篇文章 26 订阅
234 篇文章 1 订阅

今天给大家介绍几种常见的web 应用程序。

静态应用程序(SWA)

静态Web应用程序是任何可以直接交付到最终用户浏览器的Web应用程序,而不需要对HTML、CSS或JavaScript内容进行任何服务器端更改。虽然静态web应用程序可以包括非常扁平、不变的网站,如公司网站,但静态web应用程序通常是指利用浏览器中的技术而不是服务器上的技术来交付动态内容的丰富网站。

静态web应用程序是由HTML、CSS和JavaScript文件组成的web应用程序,这些文件直接从web服务器提供给用户的web浏览器,不需要任何服务器端处理。它们被称为“静态”,因为提供给用户的内容是预先生成的,不会根据用户输入或服务器端数据处理动态更改。

静态web应用程序通常比需要服务器端处理的动态web应用程序更简单,开发和托管成本更低。它们通常用于不需要大量交互性或实时数据更新的简单网站或网页。

静态web应用程序的一些例子包括:

  • 个人博客或网站

  • 在线投资组合

  • 带有简单信息页面的公司或组织网站

  • 营销活动的登录页

  • 文档的网站

静态web应用程序可以托管在各种平台上,包括传统的web服务器、云存储服务和内容交付网络(cdn)。托管静态web应用程序的流行平台包括GitHub Pages、Netlify和Amazon S3。

渐进式Web应用程序(PWA)

本质上,渐进式Web应用程序只是Web应用程序。使用渐进式增强,现代浏览器启用了新功能。使用service worker和web应用程序清单,您的web应用程序变得可靠和可安装。如果新功能不可用,用户仍然可以获得核心体验。

渐进式Web应用程序为您提供了一个独特的机会来交付您的用户将喜欢的Web体验。使用最新的web功能来增强功能和可靠性,渐进式web应用程序允许任何人、任何地方、任何设备上使用单一代码库安装您构建的程序。

渐进式Web应用(PWA)是一种旨在为移动设备或台式机上的用户提供类似原生应用的体验的Web应用,无需用户从应用商店下载并安装原生应用。PWAs使用HTML、CSS和JavaScript等标准web技术构建,但附加了一些功能,使它们能够像本地应用程序一样运行,例如离线缓存、推送通知以及访问设备硬件和传感器。

PWAs的设计目标是可靠、快速和吸引人,并在所有设备和平台上提供无缝的用户体验。他们使用service worker在用户设备上缓存应用内容和数据,使他们能够离线工作或在低质量的网络连接下工作。PWAs还可以添加到用户的主屏幕,就像本地应用程序一样,并可以直接从那里启动.

渐进式Web应用程序的一些好处包括:

  • 与传统web应用程序相比,加载速度更快,性能更好

  • 能够在低质量的网络连接下离线工作

  • 与所有现代浏览器和设备的跨平台兼容性

  • 用户无需从应用商店下载并安装单独的应用程序

  • 提高用户粘性和转化率

PWAs在开发人员和企业中越来越受欢迎,因为它们提供了一种具有成本效益和高效的方式,可以跨多个设备和平台接触并与用户互动。

Jamstack

Jamstack是一种将web体验层与数据和业务逻辑分离的架构方法,提高了灵活性、可伸缩性、性能和可维护性。Jamstack不再需要业务逻辑来决定web体验。它为web提供了一个可组合的架构,其中自定义逻辑和第三方服务通过api被消费。

Jamstack是一种现代的web开发架构,代表JavaScript、api和标记。Jamstack方法强调使用现代前端技术构建静态网站,将前端与后端解耦,并利用api实现动态功能。

Jamstack的关键组件有:

  • JavaScript: JavaScript用于为网站添加交互性和动态行为。

  • api: api提供动态功能,并作为网站的后端。这可以包括数据库、身份验证系统和支付网关等服务。

  • 标记:标记指的是静态HTML、CSS和其他静态资产,它们构成了网站的前端。

在Jamstack体系结构中,前端是预先构建的,并作为静态资产部署到内容交付网络(CDN),从而为用户提供快速交付。当用户请求一个页面时,静态资产将直接从CDN交付,而不需要服务器端呈现或处理。api用于诸如身份验证、支付和其他后端服务等动态功能。

Jamstack的一些好处包括:

  • 快速的性能和可伸缩性

  • 由于减少了服务器端处理而提高了安全性

  • 降低托管和管理网站的复杂性和成本

  • 改进开发人员的体验和工作效率

  • 由于预先构建的静态内容很容易被搜索引擎抓取而改进的SEO。

Jamstack在web开发人员和企业中越来越受欢迎,因为它提供了一种快速、可扩展和经济有效的方式来构建和部署现代web应用程序。

最后: 下方这份完整的软件测试视频学习教程已经整理上传完成,朋友们如果需要可以自行免费领取【保证100%免费】

在这里插入图片描述

 这些资料,对于【软件测试】的朋友来说应该是最全面最完整的备战仓库,这个仓库也陪伴上万个测试工程师们走过最艰难的路程,希望也能帮助到你!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值