h5 跨端开发app（H5移动端开发）

本篇文章给大家谈谈h5 跨端开发app，以及H5移动端开发对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享h5 跨端开发app的知识，其中也会对H5移动端开发进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、h5做app和原生app有什么区别？
• 2、跨平台的html5移动app开发框架有哪些
• 3、使用html5开发移动端应用采用什么框架
• 4、阿里跨终端的H5游戏开发解决方案——Hilo
• 5、h5可以开发app吗？ h5+是什么意思？

h5做app和原生app有什么区别？

H5APP即是一种框架型APP开发模式(HTML5APP框架开发模式)，该开发具有跨平台的优势，该模式通常由“HTML5云网站+APP应用客户端”两部份构成，APP应用客户端只需安装应用的框架部份，而应用的数据则是每次打开APP的时候，去云端取数据呈现给手机用户。

原生APP又称NativeApp，该开发针对IOS、Android、Windows等不同的手机操作系统要采用不同的语言和框架进行开发，该模式通常是由“云服务器数据+APP应用客户端”两部份构成，APP应用所有的UI元素、数据内容、逻辑框架均安装在手机终端上。

1、开发方面的区别（这个地方太专业啦，请教了团队的开发小伙伴）

目前ReactNative开发越来越火，微信小程序是基于ReactNative开发的，体验接近原生APP，发展前景值得重视。不过好在现在非原生APP同样可以调用蓝牙、相机等硬件，也能顺利发布到苹果APPstore。

移动WebApp

1、因为运行在移动设备的浏览器上，所以只需要一个开发项目

2、这种应用可以使用HTML5,CSS3以及javaScript以及服务器端语言来完成(PHP,RubyonRails,Python)

3、这里可没有标准的SDK，基本任意选择别忘了有一些跨平台的开发工具，比如PhoneGap,SenchaTouch2以及AppceleratorTitanium等等。

原生App

1、每一种移动操作系统都需要独立的开发项目

2、每种平台都需要独立的开发语言。Java(Android),Objective-C(iOS)以及VisualC++(Windowsphone)等等

3、需要使用各自的软件开发包，开发工具以及各自的控件

2、能力方面的区别

移动WebApp

只能使用有限的移动硬件设备功能。

原生App

能够与移动硬件设备的底层功能，比如个人信息，摄像头以及重力加速器等等。对于这一点感触很深刻，2016年做新年H5营销小活动的时候，就是因为没有考虑到H5不能使用移动硬件端重力加速器而导致临时替换设计方案。

3、获取方法的区别

移动WebApp

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

2、不需要安装额外的软件

3、软件更新只需要服务器就够了

4、因为现在没有什么商品或卖场提供这种App，不过一般都是嵌套在系统内部，或者内部系      统中使用

5、跨平台开发，用户不需要去卖场来-安装App

6、需要过度依赖网络，没有任何缓存数据

7、任何时候都可以发布App，因为根本不需要官方卖场的审核

8、如果你已经有了一个WebApp，你可以使用responsivewebdesign来辅助改进(这也是优势?)

9、所有的用户都是用同样的版本

原生App

1、直接-到设备

2、以独立的应用程序运行(并不需要浏览器)

3、用户必须手动去-并安装这些原生App

4、有一些商店与卖场来帮助用户寻找你的App，appstore里面应有尽有。

5、原生型APP应用的安装包相对较大，包含UI元素、数据内容、逻辑框架;

6、手机用户无法上网也可访问APP应用中以前-的数据。

7、原生型的APP可以调用手机终端的硬件设备(语音、摄像头、短信、GPS、蓝牙、重力感应等)

8、APP应用更新新功能，涉及到每次要向各个应用商店进行提交审核。

9、用户可以自由地选择是否更新软件版本，所以会出现不同用户同时使用不同版本的情况

即使两者之间有很大的区别，即使H5有一大堆的坑和问题，但是仍旧不妨碍移动WEB无所不在，移动web是目前唯一的支持各种设备访问的平台，也是唯一一个可供开发者发布移动应用的平台，它将各种移动交互与PC系统任务有效的结合在一起。而原生nativeapp可以充分利用设备的特性，这一点是它得天独厚的优势。

正式因为它有复杂多变的CSS样式消耗了大量性能，它才有一个更有竞争力的优势——它带来了多样性的排版，能够细致到每一个字宽行高和风格的像素级处理，能够给你带来不一样的图文汇合的排版。

跨平台的html5移动app开发框架有哪些

jquery mobile和bootstrap都是较好的框架
jQuery Mobile是jQuery 在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库h5 跨端开发app，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。Bootstrap提供h5 跨端开发app了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。 国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

使用html5开发移动端应用采用什么框架

常用的移动APP开发框架:

框架：PhoneGap

PhoneGap是一个用基于HTML，CSS和JavaScript的，创建移动跨平台移动应用程序的快速开发平台。

优点：

可跨平台。phonegap框架帮我们解决了差异性，javascript与平台系统的连接由phonegap框架完成。

提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知。

可利用成熟javascript框架。如：Ext js、jQuery。

缺点：

性能差。运行速度慢，UI反应延时。

不能完全跨平台。不同平台代码需要微调。

内存消耗，调试难度大。

框架：Ionic

Ionic 是一个强大的 HTML5 应用程序开发框架， Ionic 主要关注外观和体验，以及应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库，具有速度快，界面现代化、美观等特点。

优点：

轻量级框架，运行速度快。

于 Angularjs，支持 Angularjs的特性， MVC ，代码易维护。

通过 SASS 构建应用程序，接近原生。

缺点：

Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用。

需要结合插件使用。

框架：Hbuilder（国产）

HBuilder是DCloud（数字天堂）推出一款支持HTML5的Web开发IDE。“快，是HBuilder的最大优势。

优点：

跨平台：同时支持iOS、Android、Symbian、Windows Phone。

开发工具：基于Eclipse的开发工具，集成UI控件与应用管理。

本地打包：无需配置环境，无需编译，本地一键打包。

代码加密：基于密钥的加密方式，无法破解，像混编一样保护html代码。

技术支持：技术支持及时响应，重视开发者建议和反馈。

缺点：

AppCan免费版因需要把源代码上传到厂商的服务器上打包，对于企业开发来说源代码泄露安全性上有一定风险。企业版虽然可以解决，但企业版稳定尚待观察。

AppCan采用封装的组件，依赖性比较高。不是开源代码。

ppCan 不能很好的解决原生代码的功能。

Wex5(国产)

WeX5应用快速开发框架（含完整的SDK API及全部源码），一次开发、跨端运行。

优点：

高效精致的UI组件体系，基于jquery和bootstrap技术，采用增强的RequireJS模块化技术。

基于phonegap(cordova)框架，如相机、地图、LBS定位、指南针、通讯录、文件、语音、电池等。

可视化拖拽式集成开发环境IDE，全能力的调试支持和智能代码提示。

缺点：

使用范围有限：适用：一般app、电商app、客服app、会员app、微店微商等。

用户量小，存在不稳定因素。

总结：

跨平台方面：大部分框架针对android和ios平台，需要做或多或少的代码调整，不能达到完全跨平台。

性能方面：根据不完全统计，Ionic的性能会更好一点。

PhoneGap出现最早，国内框架都是基于Phonegap开发出来的。

注意：

各框架在实现过程中都会遇到不同程度的坑，请根据框架的侧重点谨慎选择应用的框架。如果要基于Html5开发App，还需要进一步根据需求验证框架的可实施性、并进行不同框架的效果对比。

阿里跨终端的H5游戏开发解决方案——Hilo

Hilo是由阿里巴巴集团开发的一款 HTML5 跨终端 游戏 解决方案，可以帮助开发者快速创建 HTML5 游戏 。有以下特征：独立模块设计，支持多种模块范式的包装版本;面向对象程序化开发;多重渲染模型，其中包括 Canvas，DOM 和 WebGL 等;兼容多台台式机和移动浏览器；使用 Flash Shim 来支持 IE ;支持物理扩展： Chipmunk；支持骨骼动画扩展： DragonBone！
1、Hilo 支持多种模块范式的包装版本，包括AMD，CMD，COMMONJS，Standalone多种方式接入。另外，你可以根据需要新增和扩展模块和类型；
2、极精简的模块设计，完全面向对象；
3、多种渲染方式, 提供DOM，Canvas，Flash，WebGL等多种渲染方案（目前已经申请专利）；
4、全端浏览器的支持和高性能方案，独有的Flash渲染方案，即使在低版本IE浏览器下也可以跑起来“酷炫” 游戏 ； DOM渲染方案能显著解决低性能手机浏览器遇到的性能问题；
5、物理引擎支持——Chipmunk，支持自扩展物理实现；骨骼动画支持——DragonBones，同时内建骨骼动画系统——Tahiti（目前内部使用）；
6、案例丰富，框架成熟，已经经历多届阿里巴巴双十一，年中大促互动营销活动考验；
舞台Stage是一个各种图形、精灵动画等的总载体。所以可见的对象都要添加到舞台或其子容器后，才会被渲染出来。

Stage构造函数接收一个参数properties，此参数包含创建stage的各种属性。

舞台Stage上的物体的运动等变化，都是通过一个定时器Ticker不断地调用Stage.tick()方法来实现刷新的。

舞台上的一切对象都是可视对象，可以是图片、精灵、文字、图形，甚至DOM元素等等。Hilo提供了一些基本的可视类供您使用，比如添加一个图片到舞台上：

要想舞台上的图形、精灵动画等对象能响应用户的点击、触碰等交互事件，就必需先为舞台开启DOM事件响应，然后就可以使用View.on()来响应事件。

接下来，您就可以开始利用hilo提供的各种可视类来创建各种图形、精灵动画，尽情发挥您的创造力，开始您的HTML5 游戏 之旅吧！

Hilo对于开发H5 游戏 的开发者和对Web端渲染感兴趣的小伙伴来说值得一看，Hilo有诸多案例可供参考，如果你想继续深入了解它，可移步官方文档或者Github一探究竟！

h5可以开发app吗？ h5+是什么意思？

APP是一般是指安装在手机上可以后台运行的独立程序软件。
而H5是一个开发语言，简单来说，光会H5是不能开发APP的，条件不足。其次H5是作用于浏览器的一个网页页面展现形式，虽然功能很多，可以完成大部分的APP使用要求，那么很多APP需要的功能其实H5都可以完成，只是交互或者动画一类的没有APP做的那么完善。
现在微信公众号的H5软件应用较多，因为微信为开发者提供了多个接口供开发者使用，软件可通过接口调用微信APP的个别功能，解决了很多开发难题。 关于h5 跨端开发app和H5移动端开发的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 h5 跨端开发app的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于H5移动端开发、h5 跨端开发app的信息别忘了在本站进行查找喔。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。