建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

html5的手机客户端app怎么开发?(HTML5手机版)

GG网络技术分享 2025-03-18 16:10 1


1.框架:PhoneGap 官网:http://phonegap.com/ 简介: PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以调用。 优点:1.可跨平台。phonegap框架帮我们解决了差异性,javascript与平台系统的连接由phonegap框架完成。成为连接移动终端的适配器,或者说中间件。 2.提供硬件访问控制。可调用加速计、摄像头、罗盘、通讯录、文档、地理定位、媒体、网络、通知(警告、声音和振动)、存储。 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.性能差。运行速度慢,UI反应延时——这是个致命伤。(高端机影响不大) 2.不能完全跨平台。不同平台代码需要微调。 3.内存消耗大。 4.调试难度大。

2.框架:Ionic 官网:http://ionicframework.com/ 简介: Ionic 是一个强大的 HTML5 应用程序开发框架,号称 Advanced HTML5 Hybrid Mobile AppFramework 是 AngularJS 移动端解决方案 可以帮助您使用 Web 技术,比如 HTML、 CSS 和Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。 Ionic 是一个轻量的手机 UI 库,具有速度快,界面现代化、美观等特点。为了解决其他一些UI 库在手机上运行缓慢的问题。 优点:1.追求性能 运行速度快 2.轻量级框架 3.基于 Angularjs,支持 Angularjs的特性, MVC ,代码易维护 4.通过 SASS 构建应用程序。它提供了很多 UI 组件来帮助开发者开发强大的应用。 5.接近原生。 6.强大的命令行工具 3.可利用成熟javascript框架。如:Ext js、jQuery。 缺点:1.Ionic是一个前段框架。不能完全取代PhoneGap和JavaScript框架的作用 2.需要结合插件使用。

希望对你有用,当然也可以关注Donutsapps了解更多

#####

很少有h5开发什么app的,什么混合开发企业根本不会用,一般都是app里嵌入h5页面。大部分都是活动页,版本迭代很快。不用像原生app那样发版本,静态资源html js css放在静态资源服务器,更改扩展都很方便

#####

我写过一段时间的HTML5 APP使用的是ionic+cordova开发的,目前比较火,开发人员也很活跃,更新快,想要学习搭建项目可以关注我,看我的文章有专门的教程,使用简单,跟着官网做,就能写出一个漂亮的APP,目前ionic是3版本了,性能上优化了很多,基本可以媲美原生应用程序,当然仅限中小型项目,大项目可以使用原生+HTML5模式开发,开发效率能够大大的提升。

#####

无论是安卓app还是微信小程序,ui界面语言都是借用HTMl的cs渲染。小程序更是将逻辑层也用js语言代替,这样的话,在java之上又加了一层js表达层,就成为当前最流行的系统级框架,就连系统本身也在这么搞,比如安卓正准备上线安卓小程序,淘宝要上线淘宝小程序,,,,由此看出,js为代表的函数式编程正逐步代替过程式编程语言,这也能从2017年编程语言排行中看出。

#####

使用过国产框架MUI开发APP,官方提供了比较多的方法,组件什么的,开发起来比较轻松。还支持云打包,还是挺方便的。这个编辑器是HBuilder,已经内置了MUI框架。

#####

现在html5做app的话最成熟的平台是cordova,这个资料丰富,发展好多年了。cordova是一个js和native之间的桥梁,在此之上还需要各种ui控件,目前表现最好的ui框架是ionic。还有framework7之类的。

此外还有react native及native script可以做原生app。

微信最近貌似也出了一个weex,用的vue,但没用过不好评价。

#####

普通APP,就是全部都是原生实现,称之为 native app。

混合APP,基本都是部分用原生实现,一些涉及到图片文字混合编排的HTML处理的比较方便,就会嵌入一个webview加载HTML,这个HTML可以是本地文件,可以是远程文件,这时app负责数据请求(要记住,app请求没有js的跨域一说),HTML负责页面数据展示。还有一种比较极端的,就是外面是原生的一个架子,然后里面所有逻辑都是由js和HTML实现,这种比较少见,因为webview的性能真的很低下(在这里我要喷死华为,华为低版本安卓的webview简直就是垃圾中的战斗机,比微信x5还垃圾)。

最后一种就是非常时髦的web app,但是由于不能保存到本地,每次打开都要请求,所以现在很少人写了。(Pwa 的另说)

还有一种也是纯js开发,比如react native,weex这种,不知道应该定义到哪里去。这种app一般只有小公司用,因为一次开发,就可以打包iOS和安卓两个包,这也是这种框架诞生的初衷。

噢,本人是前端,目前公司的app就是第二种的混合app。在app中,原生实现的流畅度几乎是完爆h5实现,但是H5只要写好供app调用的函数后,app开发的进度可以很快,因为可以同步开发。

但是,混合app的H5调试适合大坑,H5的适配适合陨石坑,华为低版本安卓的webview适合天坑。

入行前端需谨慎。

喷子尽管来,喷的赢算我输。

#####

以下3种我都做过

1、先开发好手机版网站HTML(Bootstrap+JQuery)+PHP,然后手工开发原生壳(Android+webview)(iOS+webview),无原生应用的话,几天就能做好一个壳,就是机型兼容麻烦点

2、手机网站,然后用Cordova打包加壳,不建议使用国内的同类产品

3、手机网站,然后用ReactNative加壳,这种方法的好处是,容易在APP STORE中上线,我是一天就过审上线了

绝大部分网站,传统的HTML4就足够用了

摄像,支付等尽量用原生

#####

说一个国产框架吧。

Hbulider支持仿原生的HTML5开发APP。他们推出了mui框架。打包APP可以用他们提供的云打包。

另外Hbulider支持真机调试,也就是说你写的HTML代码直接装到手机上调试运行。

Hbulider是一个写代码非常快的IDE。很好用。但是目前HTML5的效果跟原生开发还有很大差距,有很长的路要走。

#####

本人前端开发攻城狮一枚,来谈谈我们做过的APP项目吧。

我接触过的APP有两种,一种是纯原生开发,不涉及html;另一种是原生加html,也就是题主所说的混合开发。还没有见过有纯html,JS开发的APP。

所有的APP至少壳子是原生的,里面的内容可以是html,也就是用webview打开的。

做混合开发,首先你需要一个原生的壳子,里面的界面肯定是HTML和CSS 来写,如果有一些动画效果,那么会用到JS,数据展示的话,我们公司都是用PHP来写接口,JS来调用。

简单来说就这些,当然现在会涉及到框架,这里就不展开说了。

手机码字,不喜勿喷~

标签: 小程序

提交需求或反馈

Demand feedback