APP开发的HTML5 Plus简介

HTML5 PlusApp概述HTML5 Plus移动App，简称5+App，是一款基于HTML、JS和CSS编写的App，可在手机上运行。该App可以通过扩展的JS API随意调用手机的原生功能，以实现与原生App相同的强大功能和性能。

当HTML5 Plus规范通过HTML5开发移动App时，会发现HTML5没有很多功能。为了弥补HTML5功能的不足，在W3C中国的指导下，HTML5中国行业联盟www.html5plus。org组织的成立是为了推出HTML5+规范。目前，该联盟已附属于工业和信息化部信通技术研究所标准研究所，相关标准已成为行业标准。HTML5+规范是一个开放规范，属于工业和信息技术部，允许第三方浏览器制造商或其他移动运行时制造商实施。HTML5+扩展了JavaScript对象plus，使js能够调用各种无法或无法实现较差系统功能的浏览器，如相机、陀螺仪、文件系统等，以及上传和下载、二维码、地图、支付、语音输入、消息推送等业务功能。除了功能之外，HTML5+的一个重要特点是它提供了原生渲染功能。通过加号。webview等。nativeObj等。nativeUI，开发人员可以使用js调用本机渲染功能，这大大改善了体验。有400000个本地api。HTML5+的封装并没有封装所有400000个api，而是分为两层：

HTML5Plus规范：规范中封装了常见的扩展功能，如QR码和语音输入。同时，实现了Android和iOS解析引擎，允许开发人员编写一次代码并跨平台运行。

出生地的js是另一种创新技术。移动操作系统有超过40万个原生API，HTML5.native无法使用大量API。js将数十万个本地API映射到js对象。你可以通过js直接调用ios和Android的原生API。这部分不再是跨平台的。写作方法是加分项。ios和plus。例如调用ios游戏中心或在android移动桌面上创建快捷方式。这些是特定于平台的api。

Native的用法示例。js，var obj=加号。安卓import（“android.content.content”）；，映射本机对象android.content。意图创建一个js对象obj，然后在js中操作obj对象的方法属性。在5+App中，HTML5Plus规范和Native的实现。js。开发者可以在5+App中自由使用相关技术。

首先，开发人员需要知道你要做什么。这是一个在浏览器中运行的移动web项目？还是要创建一个App在手机上安装和运行？还是要将移动web项目打包到App中？

创建移动web项目。在这种模式下，开发人员无法使用HTML5Plus。它们使用标准的HTML5语法并在浏览器中运行。这不是一个5+App。此时，开发人员仍然可以使用开发工具HBuilder。创建新项目时，他们可以选择web项目。开发者仍然可以使用DCloud提供的mui开源框架来简化ui开发。然而，这是一个常见的web项目，它不能在b/s模式下脱机运行，也不能调用HTML5Plus的添加api。

要构建一个正统的App，传统意义上的App处于c/s模式。它的程序应该在手机上安装和运行，而不是通过浏览器在线下载。此时，当开发人员在HBuilder中创建新项目时，选择“移动App”。（在HBuilderX中选择5+App）在App项目下编写的HTML、js和其他文件将打包到本地安装包中（Android是apk包，iOS是ipa包）。此时，本地js通过ajax与服务器交互，服务器以接口模式提供数据（通常是json）。然后，客户端的js文件解析json，并根据本地业务逻辑呈现页面并执行函数。因此，请不要将运行在服务器端的PHP和其他文件放在App项目中。

使用wap2app将移动web项目打包为App。如果开发人员想快速轻松地将一个好的移动网站打包到App中，他们应该使用DCloud的wap2app框架。在HBuilder中创建新项目时，选择wap2app项目，输入移动网站的url，并参考框架教程进行配置。Wap2app不同于普通的web打包技术。Wap2app可以真正实现原生ap的功能和性能体验