名词介绍APPAPP指的是原生程序，HTML5APP框架开发

菏泽炫佑科技

名词介绍APPAPP指的是原生程序，HTML5APP框架开发

APP指的是原生程序app开发，一般依赖于操作系统，交互性较强。 它是一个完整的App，具有很强的可扩展性，需要用户下载、安装和使用。 （简单来说，原生应用是专门针对某种操作系统开发的，比如iOS、黑莓等，运行在各自的移动设备上）

这种模式通常由“云服务器数据+APP应用客户端”两部分组成。 APP应用的所有UI元素、数据内容、逻辑框架都安装在移动终端上。

原生应用程序是针对某个移动平台（例如iOS或）所特有的，并使用相应平台支持的开发工具和语言（例如iOS平台支持Xcode和-C，平台支持和Java）。 本机应用程序的外观（外观）和运行（性能）*好。

Web App是指用Html5语言编写的、不需要下载安装的App。 类似于现在所说的轻应用。 浏览器中的应用程序基本上可以说是 Web 应用程序的触摸屏版本。 （Web应用程序本质上是为移动浏览器设计的基于Web的应用程序。它们采用常见的Web开发语言开发，可以在各种智能手机浏览器上运行）

Web App开发是一种框架APP开发模式（HTML5 APP框架开发模式）。 这种开发具有跨平台的优势。 这种模式通常由“HTML5云网站+APP应用客户端”两部分组成。 APP应用客户端客户端只需安装应用的框架部分，每次打开APP时，都会从云端检索应用数据呈现给手机用户。

HTML5 应用程序使用标准 Web 技术，通常是 HTML5 和 CSS。 这种一次编写、随处运行的移动开发方法构建了在多个设备上运行的跨平台移动应用程序。 虽然开发人员可以使用 HTML5 和单独使用 HTML5 构建复杂的应用程序，但仍然存在一些重大限制，包括会话管理、安全离线存储以及对本机设备功能（相机、日历、地理位置等）的访问。

APP是指一半原生、一半Web的混合App。 需要下载并安装它。 它看起来类似于一个App，但只有一个小的UI Web View，访问的内容是Web。

混合应用程序允许开发人员将 HTML5 应用程序嵌入到瘦本机容器中，结合本机应用程序和 HTML5 应用程序的优点（和缺点）。

众所周知，混合应用程序是本机应用程序和Web应用程序的组合。 它们使用部分本机应用程序和部分Web应用程序，因此一部分必须在设备上运行，一部分必须在Web上运行。 但混合应用中的比例非常自由，比如90% Web，10% ； 或各 50%。

有些应用*初是用原生客户端 shell 打包的，但实际上包含了 HTML5 网页，后来才推出了真正的原生应用。 比较知名的App，比如百度手机、淘宝客户端版，也走的是App路线，只不过百度手机没有对其进行封装，而是自己的浏览核心，所以体验上更像是客户端，效率更高。

三大APP技术特点 APP的优点： APP的缺点： 优点： 缺点： APP （一）**个解决方案：Web架构是重点

优势：

缺点：

(2)第二种方案：编译转换方式

优势：

使用您熟悉的语言进行应用程序开发。

缺点：

它严重依赖其工具制造商提供的工具包，调试时需要全套工具。

（3）第三种选择：聚焦架构（主流）

优势：

是*稳定的App开发方式。 交互层的效率就是通过上面这些东西来解决的，架构基本上就是在App中写网页。 就连App Store也采用了这种方案；

缺点：

团队至少需要两名工程师，一名负责 Web，一名负责 iOS 或 iOS。 当然，如果开发人员了解这两种技术，他们就可以独立承担这项工作。 从运行效率上来说，需要权衡有多少界面是使用Web来渲染的。 毕竟效率会相对降低。 以前就是因为Web渲染效率低，才把整个应用改成了原生。 解决方案。 当然，这可以通过优化来解决，但是优化也是有限制的。

3款APP对比分析

对于用户来说，主要区别在于用户体验。 做得好的话可以接近原生App的效果； 对于开发者来说，更容易移植到多个平台，减少很多工作量。

1、主要区别

在原生APP中：

每个移动操作系统都需要一个单独的开发项目；

每个平台都需要自己的开发语言。 Java()、-C(iOS)和C++()等，需要使用各自的软件开发包、开发工具和各自的控件。

App（原生APP）需要开发“云服务器数据中心”和“APP客户端”

每次获得*新的APP功能，都需要升级APP应用程序。

原生APP应用的安装包比较大，包括UI元素、数据内容、逻辑框架；

无法上网的手机用户仍然可以在APP中访问之前下载的数据。

原生APP可以调用手机终端的硬件设备（语音、摄像头、短信、GPS、蓝牙、重力传感器等）

APP更新新功能，每次都会去各个应用商店

提交评论。

适用企业：游戏、电子杂志、管理应用、物联网等不需要频繁更新程序框架的APP应用。

中间：

由于运行在移动设备的浏览器上，因此只需要一个开发项目

此类应用可以使用HTML5、CSS3和服务器端语言（PHP、Ruby on Rails、）来完成。 这里没有标准的SDK。 基本上你可以选择任何一个。 不要忘记还有一些跨平台的开发工具，比如Touch 2，等等。

Web APP需要开发“html5云网站”和“APP客户端”

每次打开APP时，都要通过APP框架从云端网站获取UI和数据。

如果手机用户无法上网，则无法访问APP中的数据。

框架式APP无法调用手机端的硬件设备（语音、摄像头、短信、GPS、蓝牙、重力传感器等）

框架式APP的访问速度受到移动终端上网能力的限制，每次使用都会消耗一定的移动上网流量。

框架型APP应用的安装包较小，仅包含框架文件，而大量的UI元素和数据内容仅存储在云端。

APP用户每次都可以访问*新的实时云端数据

APP用户无需频繁更新APP应用，与云端实现实时数据交互。

适用企业：电商、金融、新闻资讯、企业集团、需要频繁更新内容的APP应用。

2、开发难度差异

移动Web和混合应用程序开发对于Web开发人员来说相对容易，他们可以充分利用现有的Web开发工具和工作流程

3. 发布渠道及更新方式

混合应用程序可以在App Store中发布但可以独立更新，而原生应用程序必须通过App Store进行更新。

4.移动设备本地API访问

Apps可以通过API访问移动设备的摄像头和GPS； 而原生App则可以通过原生编程语言访问设备的所有功能。

5. 跨平台和可移植性

基于浏览器的移动网页具有*佳的可移植性和跨平台性能； 混合App还可以节省跨平台的时间和成本。 只需要编写一次核心代码，就可以部署到多个平台，而原生App的跨平台性能*差。

6.搜索引擎友好

只有移动网络对搜索引擎友好并与在线营销无缝集成。

7. 货币化

除了广告之外，混合应用还支持付费下载和应用内购买； 2012年，原生应用的应用内购买量首次超过下载费用。

8.消息推送

只有混合应用程序和本机应用程序支持推送消息，这可以提高用户忠诚度。

9. 获取方式的差异

在原生APP中：

直接下载到设备

作为独立应用程序运行（无需浏览器）

用户必须手动下载并安装这些本机应用程序

有一些商店和商店可以帮助用户找到您的应用程序。

中间：

从移动设备上的浏览器访问

无需安装额外软件

软件更新只需要服务器

由于目前还没有提供此类App的产品或商店，因此要搜索这些移动Web App并不容易。

10.版本控制的差异

在原生APP中：

用户可以自由选择是否更新软件版本，因此会出现不同用户同时使用不同版本的情况。

中间：

所有用户使用相同版本

混合APP开发的页面形态如何判断以及开发模式如何选择（视情况而定）

近年来，随着移动设备种类增多、操作系统增多、用户需求增多，每个项目开始之前，大家都会考虑成本、团队成员、技术成熟度、时间、项目要求等要素的。

因此，开发应用程序的选择越来越多。 无数人参与或看到过一个讨论：原生开发还是混合开发，还是Web开发？ 这取决于实践和你自己的情况。

7. 该应用程序是否有严格的性能要求？

8. 如何通过这个应用程序赚钱？ 我想这些问题应该能让你做出明智的选择。

9. 您的应用程序是否需要使用某些设备的特殊功能，例如相机、相机闪光灯或重力加速器？

10. 移动网络无处不在。 移动Web是目前唯一支持多种设备访问的平台。 与桌面Web 一样，移动Web 支持各种标准协议。 移动Web也是唯一允许开发者发布移动应用程序的平台。 有效连接各种移动交互与桌面任务； 开发应用程序可以充分利用设备的特性，这通常是通过网络浏览器来完成的。 少，所以对于产品本身来说，App是*好的选择。

11.对应用程序收费（人们的概念是不收费）并使用原生开发模式

12. Web Apps 是唯一持久的移动内容、服务和应用程序开发平台。

13.使用定位功能、使用摄像头、使用传感器、访问文件系统、离线用户、多点触摸：双击、缩放等组合用户界面（UI）手势； 快速图形API：本机平台为您提供显示*快的图形。 如果您正在显示只有几个元素的静态屏幕，则此功能可能并不重要，但如果您正在处理大量数据并且需要快速刷新，则此功能很重要； ：与Fast API相关的是实现平滑动画功能。 这对于动画、高度交互的报告或用于转换照片和声音的计算密集型算法尤其重要； 内置小部件：相机、地址簿、地理位置和设备的其他本机功能可以无缝集成到移动应用程序中。另一个重要的内置组件是加密存储，稍后会详细介绍； 易用性：原生平台是人们熟悉的平台，所以如果你在这个熟悉的平台上添加人们所期望的所有原生功能，那么你也会拥有一个在使用原生时完全更容易使用的应用程序

14. 无论是原生App还是移动Web App，主要受业务目标、目标用户、技术需求的影响。 事实上，很多时候，你不必担心选择哪种App模式。 正如本文提到的，这样的公司为用户提供了两种选择。然而，对于大多数人来说，预算和资源的限制将迫使我们只选择一种（或只关注一种）。

6、与原生APP交互的差异

1. Web APP限制因素

与App相比，Web App的体验受到以上五个因素的限制：网络环境、渲染性能、平台特性、浏览器限制、系统限制。

(1)网络环境、渲染性能

Web APP对网络环境的依赖程度较高，因为当用户使用Web APP中的H5页面时，会向服务器请求显示页面。 如果此时用户恰巧遇到网速慢或者网络不稳定等其他环境，那么用户请求页面的效率就会大大降低，用户在使用过程中会有不流畅、间歇性的不良感受。 同时，H5技术本身的渲染性能较弱：对复杂的图形样式、各种动态效果、自定义字体等没有强大的支持。因此，基于网络环境和渲染性能的影响名词介绍APPAPP指的是原生程序，HTML5APP框架开发，在设计时H5页面，应注意以下几点：

简化不重要的动画/动画

简化复杂的图形文本样式

减少页面渲染的频率和次数

具体案例：在设计Web APP时，我们需要去掉多余的功能，回归本源，只为用户提供*初的本质需求。 既符合H5的精简功能，又达到了突出核心功能的设计原则。

请记住，重要的不是我们提供了多少信息，而是我们是否能为他们提供他们真正需要的信息。

记住要减少功能入口的数量，增强用户注意力，不要分散用户的注意力。

(2) 浏览器限制

通常Web App驻留在浏览器中，宿主就是浏览器。 不同的浏览器有不同的属性，比如浏览器本身的手势、页面切换方式、链接跳转方式、版本兼容性问题等。

具体案例1：UC浏览器和百度浏览器支持手势切换页面。 从页面左侧滑动手指可返回上一级。 百度手机助手H5页面顶部支持左右滑动手势切换。 这个操作和浏览器本身的手势有冲突。

具体情况2：基于浏览器的Web APP在新模块中打开页面时，大多会打开一个新窗口来显示。 例如，当用户使用购物APP并浏览每日精选模块时，每当打开新产品时，都会默认打开一个新窗口。 这样做的优点和缺点都很明显：优点是可以记录用户浏览的痕迹以及浏览过的商品，以便后续横向比较； 缺点是页面太多很容易让用户迷失在页面中。

正如开发手册中所述：当用户打开Web App时，他们期望应用程序像单个应用程序，而不是网页的组合。 但什么时候需要跳转到页面以及什么时候在当前页面显示，设计者需要仔细考虑。

因此，Web App基于浏览器的特性，从设计角度应该遵循以下两点：

减少使用手势以避免与浏览器手势冲突。

减少页面跳转次数，尽量在当前页面显示。

(3)系统限制、平台特性

由于Html5语言的技术特性，无法调用系统级权限。 比如系统级弹窗、系统级通知、地理信息、通讯录、语音等。也会存在一些系统兼容性的问题。 上述限制通常会导致APP的扩展性较差，体验相对较差。 具体案例：百度网页地图和百度APP地图。

网络版地图根据浏览器显示。 因此地图无法全屏显示，给用户的视觉带来了限制感。 相反，网页版地图是全屏显示的，极大地拓展了用户的视野。 整个界面干净简洁，首页去除了多余的功能。

网页版地图比版本消耗更多流量，并且离线地图无法预先缓存。 地理位置的判断也是基于主机浏览器，而不是Web地图本身。 获取路线后，改变到达方式相对不方便。

相反，版本地图可以直接获取用户的地理位置，清晰地向用户展示App规划的路线，并且可以轻松查看多个路线选项，以便为他们制定*佳解决方案。 只需一键即可切换公交、步行、自驾等多种路线模式。

与网页版地图相比，网页版地图增加了更多情感化且易于使用的功能，例如：可以记录用户的生活轨迹、记录用户的每一步、享受拥堵避免方案等。该版地图基于技术框架，很难实现上述功能。 从用户体验来看，比地图版本要弱一些。

2.Web APP设计要点

(1) 简化

简化不重要的动画/动画

简化复杂的图形文本样式

(2)少用

少用手势以避免与浏览器手势冲突

减少弹出窗口的使用

(3)减少

减少页面内容

减少控制数量

减少页面跳转次数，尽量在当前页面显示

(4) 强化

增强乐趣

增强页面之间的主次关系

增强控件的可重用性

3.有效的产品设计

有效的导航设计：基本的快捷导航包括返回常用页面（如主页、我的等）的快捷方式

当深层结构出现时，及时添加返回重要层级页面的快捷方式。

情境导航可以让用户快速跳转到他们想要前往的页面，例如在购买完成时提供查看订单详细信息的按钮。

更需要画出页面跳转的流程图，找出每个页面的入口，尤其是页面返回过程； 一些简化的返回按钮可以专门标记，以指示要返回的页面。

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等