什么是Web应用程序?一个初学者的指南

你是否曾在手机上用浏览器浏览Yelp，然后看到一个弹出窗口鼓励你下载这款手机应用，然后想知道它们之间有什么区别?

也许你好奇是因为你以为你是(顺便说一句，你没有。你使用的是他们的网页应用)，或者你想知道手机应用是否值得从应用商店下载。

了解网页应用和本地移动应用之间的区别不仅可以帮助你作为用户做出更好的选择，也可以帮助你作为开发者做出更好的选择(或利益相关者决定你的业务应该创建哪种类型的应用)。

为确保您能根据业务需要作出正确的选择，我们将涵盖以下主题:

• 什么是web应用程序
• 什么是移动应用程序
• 这两者之间有什么区别
• 多么先进的web应用程序啊
• 如何构建一个web应用程序
• web应用的例子

什么是web应用程序?

web应用程序是一种可以通过浏览器访问的应用程序。当在移动设备的浏览器中访问web应用程序时，它们的外观和行为都与移动应用程序相似，但它们并不相同。

让我们先看看网页应用的优缺点，然后再定义什么是手机应用。

Web应用程序的优势

• 平台无关的: Web应用程序不是针对特定平台构建的。只要能在浏览器中运行，它们就可以在所有平台上运行。
• 前期成本低由于网页应用并不局限于某个平台，所以不需要花费太多时间或开发人员来开发。这意味着网络应用将比其他类型的应用更便宜。
• 易于维护因为web应用是平台无关的，所以它们不需要用特定的编码语言来编写。相反，它们使用跨多个平台的通用编码语言——通常是服务器端脚本(如PHP)和客户端脚本(如HTML和Javascript)的组合。这使得它们不仅易于构建，而且易于维护。
• 没有应用市场:因为网络应用不遵循标准的操作系统协议，所以它们不需要应用商店的批准。这意味着它们可以以开发者选择的格式和时间发布。
• 自动更新:由于网页应用不是从应用商店下载的，用户不必去应用商店管理他们的更新。当用户打开一个web应用程序时，他们总是看到最新的版本。

Web应用的缺点

• 需要网络:由于web应用程序是通过浏览器访问的，用户需要连接到互联网才能使用它们。这意味着它们不能离线工作，这可能会让用户在连接互联网时遇到麻烦。
• 可怜的可发现性因为网页应用并未出现在应用商店中，所以它们无法在该市场中进行营销或推广。这可能会让网页应用更难获得曝光度和用户接受。
• 更少的功能:当涉及到利用设备功能和硬件时，Web应用程序的范围要小得多。因为web应用程序不是为特定的操作系统设计的，它们无法访问该系统的功能。这意味着它的功能不如其他类型的应用。
• 糟糕的用户体验正如网页应用不需要遵循操作系统的协议，它们也不需要遵循操作系统的UI标准。这使得为用户提供无缝体验变得更加困难。

什么是移动应用程序?

手机应用是最常见的应用类型，也被称为原生应用，手机应用是针对特定平台开发的，这决定了它们使用的语言。例如，原生iOS应用程序是用Swift和Objective-C编写的，原生Android应用程序是用Java或Kotlin编写的。

让我们先看看手机应用的优势和劣势，然后比较网页应用和手机应用。

移动应用的优势

• 高性能:移动应用是表现最好的应用类型。由于它们必须遵循标准的操作系统协议，并得到各自操作系统的批准，因此移动应用在质量、安全性和设备兼容性方面都很出色。
• 卓越的用户体验由于移动应用程序是为特定的操作系统设计的，它们可以访问该系统的所有功能。这意味着他们可以提供更多的功能来满足用户的需求。用户还可能在移动应用上获得更无缝的体验，因为他们必须遵守操作系统的UI标准。
• 来自应用市场的支持:手机应用由应用商店支持和分发。这可以让他们更容易被发现并提高下载量。

手机应用的缺点

• 前期成本高由于手机应用是特定于某个平台的，并且必须遵守操作系统的协议和指导方针，所以开发手机应用需要大量时间和经验丰富的开发者。这意味着手机应用将比其他类型的应用更贵。
• 需要获得应用市场的认可:由于移动应用程序遵循标准的操作系统协议，它们需要得到应用程序商店的批准。这意味着开发者不能决定应用发布的格式或时间。
• 手动更新:由于手机应用是从应用商店下载的，用户必须去应用商店管理他们的更新。如果他们不及时更新手机应用，那么当他们打开应用时，就会看到一个过时的版本。
• 难以维护由于移动应用程序是特定于平台的，必须遵守语言、协议和UI要求，因此很难维护和更新。

有些网站会有原生手机应用和网页应用。下面我们来比较一下Goodreads的两种应用类型，从原生应用开始，这样我们可以更清楚地了解它们的区别。

使用Goodreads的原生手机应用，你的“想要阅读”书架上的标题就会出现在上面的截图中。注意，有查看这些标题的排序和筛选选项，以及针对单个标题的预览按钮。导航栏也会出现在屏幕的底部，这样你就可以切换到主页或发现页面，或者搜索一个标题来浏览。

现在让我们看看web应用程序。

web应用程序的配色方案、布局和整体外观与移动应用程序相似，但在设计和功能上有一些明显的差异。

首先，没有查看标题的过滤或排序选项，也没有预览按钮来预览单个标题。第二,导航栏出现在屏幕的顶部,比手机应用程序有不同的选择。还有一个广告在导航和横幅邀请用户打开Goodreads移动应用。这都占用太多的空间,只有两个书名适合在屏幕上,而几乎四个标题适合在屏幕上的移动应用程序。

虽然这两个应用程序完成同样的目标——让用户查看的书名“想看”书架——本机移动应用比web应用程序提供了一个更好的体验。然而,它的智能Goodreads提供,这样没有下载手机应用程序的用户仍然可以通过手机查看网站。

如果你没有时间或金钱去创造这两种类型的应用呢?在这种情况下，你可能会对渐进式的web应用程序感兴趣。让我们看看这类应用程序。

进步Web应用程序(PWA)

由于网页应用缺乏原生应用的重要功能，比如离线工作或发送推送通知，所以先进的网页应用(PWAs)应运而生，将两者的优点结合起来。PWAs是网页和原生应用的混合体，它提供了网页应用所没有的高级功能，比如发送推送通知、无需上网、支持触摸手势和命令。但是PWAs与web应用相似，因为它们不需要你下载或安装它们。

PWAs的缺点是什么?他们只兼容谷歌Chrome。这意味着你将排除iOS用户。虽然这对一些企业有效，但并不适用于所有企业。在开始开发之前，确保创建PWA与您的业务战略一致。

如何构建一个Web应用程序

对构建自己的web应用程序感兴趣吗?如果是这样，一般流程如下:

• 选择你的想法。
• 做好你的市场调查，确保它能填补空白。
• 定义应用程序的功能。
• 绘制用户旅行地图。
• 创建一个线框。

现在，你的web应用已经准备好进入开发阶段了。与原生手机应用不同的是，网页应用开发者没有软件开发工具包(SDK)。bob电竞官方下载然而，网络应用是有标准的。大多数都是使用服务器端脚本(如PHP)和客户端脚本(如HTML和Javascript)的组合构建的。

由于大多数开发人员都熟悉这些编码语言，而web应用程序的功能有限，所以web应用程序相对容易和快速构建——尤其是与本地应用程序相比。

Web应用程序的例子

Web应用程序有多种形式。它们可以是在线表单、购物车、文字处理程序、电子表格、电子邮件等等。让我们来看看今天最流行的一些web应用程序。

Gmail

Gmail是web应用程序的一个最好的例子。它的功能远不止显示电子邮件那么简单。它允许用户回复电子邮件，撰写新邮件，存档旧邮件，并与其他用户聊天。他们还可以搜索他们的收件箱，报告垃圾邮件，星级信息，等等。Gmail网页应用与Android和iOS设备上的原生手机应用的主要区别在于，你不能接收新邮件或推送通知。

推特

当推特在2017年发布了一款进步的网页应用时，它就成为了这是这项新技术最引人注目的例子之一．对于手机存储空间有限的用户来说，Twitter的PWA是一个很好的轻量级移动应用程序的替代品。使用PWA，你可以撰写、点赞、转发和回复推文。的2020年5月，你也可以使用这个网络应用程序来安排tweet或将它们保存为草稿。然而，web应用程序缺乏一些本地应用程序提供的功能。它目前不支持舰队的特性为例。

超级

超级在2017年从头开始重建其web应用程序确保用户无论身在何处、拥有何种设备或网络速度如何都可以申请乘车。兼容所有现代浏览器和少于50KB，m.uber能够在任何设备上快速加载，甚至在2G网络上。

星巴克

同样是在2017年,星巴克从零开始建立了PWA订餐系统对于那些不能持续访问互联网的用户，或者可能在一天中周期性地失去它。平滑的动画，小的文件大小，和缓存的实现，这个PWA看起来和本地应用程序一样-但它更快，超响应，高性能。客户可以使用PWA查看菜单和营养信息，查看特定于其位置的价格，并定制和下订单。

在线网站

根据Statista自2017年以来，移动端占据了全球网络流量的一半左右。网络和本地移动应用是越来越多的企业采用的解决方案，以确保所有用户在任何设备上都能获得出色的体验。