分享一个HTML5Plus挪移利用-
简略一句就是，用开发 Web 的技术完成原生挪移利用的开发。
5+App 与 挪移 Web
虽然 5+App 与挪移 Web 开发，采纳的相干技术大体一致，但是两者的区别还是很显明的。
5+App 是 C/S 的，Web 是 B/S 的。
5+App 是独立的客户端，利用资源平常只能是静态的文件。PHP、JSP 这些办事器模板，没有解析器去处置。
5+App 打包后是 apk 及 ipa 后缀的包，也就是原生的挪移利用。
window.plus扩展的 API，依赖 5+Runtime 引擎。普通阅读器没有集成这个引擎，Web 开发平常用不了这些 API。
预备工作
开发工具
HBuilder 内置了 5+App 的开发环境，因而需要先下载此 IDE。
注册账号
下载并解压 HBuilder 后，启动 IDE。首次运用需要注册一个账号，利便之后治理利用以及在社区流动。
设施
因为鄙人没有 iOS 设施以及 Mac OS 的机器，因而这个系列的分享都是以 Windows 系统下开发 Android 利用为例。
一台电脑，一部手机。手机最佳是 Android 4.4 及以上的，不举荐用模拟器。USB 线也是必需的，固然 HBuilder 一样支撑 WiFi 调试。
首先个 5+App
创建利用
启动 HBuilder，而且登录。
菜单 -> 文件 -> 创建 -> 挪移 App
模板临时不需要调整，输入利用名“HelloWorld”，点击完成即可。
index.html
利用的入口页面，概念和 Web 的入口页相似。默许是利用根名目下的 index.html，这个可以调整。
manifest.json
5+App 的配置文件，用于配置利用的信息。HBuilder 对此文件做了特别处置，并供给了可视化的编纂界面。
利用信息
利用名称：就是你的利用在手机桌面上显示的名字。
appid：这个是 5+App 新建时分配的，不要修改。更不要和 iOS 的 AppID 或者其它第三方平台上的 appid 混同。
版本号：利用版本号
页面入口：就是首页是哪个页面，可修改。
利用描述：简略注明一下利用的信息
图标准配置置
就是利用的 logo，按照提醒做一张相符规格的图，然后一键生成替代。
启动图片
splash 图就是利用启动的时候那张占位的图片，QQ 是个企鹅，微信是阿谁月球。
启动选项：平常用默许的就行，依据需要调整。
图片设定：按照需要，制作响应尺寸的 png 图，选中配置即可。
SDK 配置
要是用到了一些第三方的 SDK 的功能，就需要配置响应的信息。
SDK 启用需填写的信息，去响应的第三方开放平台注册即可。
模块权限配置
某些模块的启用需要配置下权限
页面援用关系
不是特殊懂，看注明书吧。
代码视图
配置的源代码局部，不是所有配置都供给了可视化编纂视图。
真机运转
将手机连上电脑，HBuilder 会主动检测到连贯到电脑上的设施。菜单 -> 运转 -> 真机运转，选中你的设施即可。首次运用会安装一个调试基座 HBuilder，要是 HBuilder IDE 版本变化的话，真机运转会遮盖旧版本的 HBuilder 基座。
调试
页面的样式，举荐运用电脑的 Chrome 阅读器手机模式进行调试。
Android 真机运转时，每次修改完文件并保留，手机端的基座会同步代码。
Android 还是可以运用 Chrome RemoteDebugging 进行调试，但是需如果 Android 4.4 以上的设施而且首次需要翻墙。
调取 5+API
简略封装一下扩展 API 加载完成的事件回调
var plusReady = function(callback) {
if(window.plus) {
callback();
} else {
document.addEventListener('plusready', callback);
}
};然后，读取下目前设施连贯的网络类型并输出到页面上。
plusReady(function() {
var netType = plus.networkinfo.getCurrentType();
document.write('目前网络类型为：' + netType);
});真机运转，可以看到页面上的内容“目前网络类型为：3”，也就是 WiFi 网络环境。
打包
确认 manifest.json 中的信息无误
logo 及 splash 图不配置的话，会用默许的 HBuilder 相干图片。
菜单 -> 发行 -> 云打包-打原生安装包
勾选 Android，Android 的证书相对随便一些，用 DCloud 供给的现成的或者本人生成的都同样。
包名要严厉遵循 Android 包名的格局标准，不要乱写。这里调整一下，改为
com.helo.html5plus。要是配置信息有差错，会有提醒，必需修改过确才干继续。
一切无误之后，点击“打包”，期待即可。
打包完成后，会主动下载到响应的名目下。
安装
将云打包下载下来的 apk 安装到手机上，启动利用就可以查看目前网络状态信息。那么，我们的首先个 5+App 就顺利制作完成了。
