码迷,mamicode.com
首页 > Web开发 > 详细

html5 plus应用概述

时间:2016-10-27 19:24:55      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:appstore   从服务器   环境   组织   映射   class   arc   uil   知识库   

HTML5 Plus 规范

通过 HTML5 开发移动 App 时,会发现 HTML5 很多能力不具备。为弥补 HTML5 能力 的不足,在 W3C 中国的指导下成立了 www.HTML5Plus.org组织,推出 HTML5+规范。

HTML5+扩展了 JavaScript 对象 plus,使得 js 可以调用各种浏览器无法实现或实现不佳的系统能力,设备能力如摄像头、陀螺仪、文件系统等,业务能力如上传下载、二维码、地图、支付、语音输入、消息推送等。

HBuilder 的手机原生能力调用分 2 个层面:

a)   跨手机平台的能力调用都在 HTML5+ 规范里,比如二维码、语音输入,使用

plus.barcode 和 plus.speech。编写一次,可跨平台运行。

b)   JS Bridge是另一项创新技术,通过 js 可以直接调 iOS 和 Android 的原生 API,这部 分就不再跨平台,比如调 ios game center,或在 android 手机桌面创建快捷方式。 JSB 的用法是,var obj= plus.android.import("android.content.Intent");,将一个原生对 象 android.content.Intent 映射为 js 对象 obj,然后在 js 里操作 obj对象的方法属性就可以了

HTML5+ App

使用 HTML5+开发的移动 App 并非 mobileweb 页面。这是新手最容易混淆的地方。 mobileweb 的文件存放在 web 服务器上,而移动 App 的文件存放在手机本地,编写移动 App 的 html、js、css文件被打包到 ipa 或 apk 等原生安装包,在手机客户端运行。

当然这些移动 App 里某些页面也可以继续从服务器端以网页方式下行。

所以 mobile web,在 HBuilder 里新建项目时,属于 web 项目。不要放置到移动 App 项 目下。mobile web 项目也不能真机联调和打包。

举几个例子。

例 1:一个 mobile web 项目,想打包成移动 App。

a)   在 HBuilder 里新建一个 web 项目,把 mobile web 代码放进去。

b)   在 HBuilder 里新建移动 App

c)   在新建的移动 App 下找到 manifest.json,将其中的入口页面配置为 mobileweb 的网 络地址。

d)   然后点发行打包,就得到一个移动 App 的安装包。除了可发行到 Appstore 和桌面 有个快捷方式外,与浏览器的体验不会有其他区别。

e)   另外其实 mobile web 的代码,也可以判断自己运行的环境,如果 UA 里包含 “Html5Plus”,也可以写 plus 对象来调用原生能力。

 

html5 plus应用概述

标签:appstore   从服务器   环境   组织   映射   class   arc   uil   知识库   

原文地址:http://www.cnblogs.com/lovelgx/p/6004878.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!