混合App 框架选型

个人一直想做个App,但是学习 IOS 的过程发现 原生的做界面还是听麻烦的就放弃了。后来就转到混合式App阵营了

混合式App 定义

Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”

平台框架选择

  • APICloud
  • Dcloud
  • Ionic

平台对比

Dcloud 平台

  • 大量使用H5接口
  • 提供一些原生Api(官方号称40万Api),例如 webview,actionsheet
  • Mui提供界面框架
  • 论坛 和 文档 还算可以,入手快
  • hbuilder开发工具不错(应该这个编辑器最出名了)

APICloud 平台

  • 官方提供原生模块
  • 文档不好入手,新手入手有点高

Ionic 平台

  • 官网只提供 UI框架 和 JS 组件
  • 文档比较完善
  • 有大量的插件,借助于 cordova/phonegap 平台
  • 遇到的问题 都可以 google 解决
  • 开发工具 部署都非常方便

个人选择平台

个人选择了ionic,因为dcloud我用过,感觉我需要的有些功能完成不了,并且我发现写的代码冗余太多了,我来说说 ionic 的优势

ionic优势

  • 借助cordova/phonegap 有大量插件,比较都发展了这么多年了
  • 无路英文社区还是中文社区 都比较完善
  • 借助angularjs 可以是代码更优雅
  • ionic的开发工具 ,真机调试,部署,发包都非常简单,兼容平台也多,命令就够了
  • 可以自己修改插件源码,只需要掌握对应平台的基础姿势就好了(相对新手哦)

参考资料

原文地址:混合App 框架选型
标签:webapp   native   app   hybrid   混合   ionic   dcloud   apicloud   的   App   angular   cordova   phonegap

智能推荐

  • php 请求参数限制
  • 深入了解php opcode缓存原理
  • 【No.1 Ionic】基础环境配置
  • 【No.3 Ionic】超级逗表情 App
  • 【No.4 Ionic】修改 cordova 插件
时间: 2024-12-23 16:20:44

混合App 框架选型的相关文章

谈谈APP架构选型:React Native还是HBuilder

原文链接 导读:最近公司的一款新产品APP要进行研发,老大的意思想用H5来做混合APP以达到高效敏捷开发的目的.我自然就开始进行各种技术选型的调研,这里重点想说的是我最后挑选出的2款hybrid app开发技术方案:RN(react native),HBuilder.React Native是大名鼎鼎的Facebook的开源技术框架,而HBuilder是国内的H5工具开发公 司DCLOUD的产品.我自己先总结下吧:这两个技术框架在开发效率上基本上可以媲美WEB开发的速度,RN强调的是“Learn

Node.js日志框架选型比較:Bunyan

前一篇Node.js日志框架选型比較:Winston Bunyan Bunyan(by Trent Mick)是另外一个值得考虑的日志框架,以稍微不同的方式处理结构化,机器可读性被重点对待. 其结果是,bunyan每行日志记录实际上就是JSON.stringify的一个输出. 安装(Installation) npm install bunyan 使用(Usage) var bunyan= require('bunyan');var log=bunyan.createLogger({name:'

混合app开发,h5页面调用ios原生APP的接口

混合APP开发中,前端开发H5页面,不免会把兼容性拉进来,在做页面的兼容性同事,会与原生app产生一些数据交互: 混合APP开发,安卓的兼容性倒是好说,安卓使用是chrome浏览器核心,已经很好兼容H5页面,而且运行机制也是能够同步运行:但ios上就没那么容易了:. 在此我就不说兼容安卓的问题,只把ios问题说说: 问题1:H5调用ios接口,ios需要初始化,js代码在ISO上只运行一次 解决: 本人使用是angular框架搭建的H5页面 var ua = navigator.userAgen

优云mobile专家浅谈:Android应用HTTP框架选型

我们知道,Android应用主要是通过客户端-服务器的方式进行数据交互,一般在APP开发时可能是一个接口对应一个显示模块,这样的设计会让客户端更新时很麻烦.为了解决这个问题,通常的做法是和服务端之间定义协议,设计显示模式,进而达到实时更新UI界面的目的,增加或删除显示模块时不需要让用户手动更新apk,这种方法最常见的就是在做活动或者广告的时候用到.以我们的优云Mobile移动端为例,Android和iOS应当使用一个统一的接口定义我们的导航栏,针对每个导航栏下的子页面数据对图形进行规划分类,UI

React Native电商项目实战混合APP开发 React Native实战 混合APP实战开发

React Native  和 angular+ionic 是目前网络上最火的混合APP开发语言,其功能强大能够开发出安卓和IOS程序! ------------------课程目录------------------ <React Native电商项目实战>├<01React Native初体验>│  ├01-React Native简介.mp4│  ├02-React Native环境搭建.mp4│  ├03-React Native初体验及其它环境搭建.mp4│  └04-R

混合app开发

学习目标: 了解目前移动app开发的三种模式 了解mvc和mvvm架构模式 熟悉混合app的开发应用场景 掌握混合app开发的概念 掌握angularjs.ionic.和cordova在混合app开发中的作用. 目前移动app开发主要分为三种模式 Native App . Web App .Hybrid App 原生ap是使用相应平台特有的开发工具进开发 外观和性能极佳 但开发成本高 因为每一种移动操作系统都需要独立开发项目 web App 网页应用程序 需要依赖于移动端浏览器 主要使用html

谈谈混合 App Web 资源的打包与增量更新

综述 移动 App 的运行环境具有带宽不稳定,流量收费,启动速度比较重要等特点,所以混合 App 如何加载 Web 资源并不是一个新问题.本文目的是总结出一种资源打包下载的思路和方案,并且提供一种打包工具.本文提到的思路只是一家之言,基本没有参考现有方案,各位方家有不同意见欢迎留言.另外本文没有涉及到 App 内部如何加载资源的问题,这部分我会专门撰写一篇文章讨论. 需求梳理 一般来说,Hybrid-app 对于 Web 资源下载有如下需求: 页面开启速度要快,所以资源的下载和使用不是在同一时间

怎么判断一个APP是原生APP、混合APP还是WEB APP ?

1.看断网情况 通过断开网络,刷新页面,观察内容缓存情况来有个大致的判断,可以正常显示的就是原生写的,显示404或者错误页面的就是html页面. 2.看布局编辑 3.看复制文章的提示,需要通过对比才能得出结果. 比如文章资讯页面可以长按页面试试,如果出现文字选择,粘贴功能的是H5页面,否则是native原生的页面. 有些原生APP开放了复制粘贴功能或者关闭了,而H5的CSS屏蔽了复制选择功能等情况,需要通过对目标测试APP进行对比才可知. 在支付宝APP.蚂蚁聚宝是可以判断的. 4.看加载的方式

atitit.ajax 最佳实践跟框架选型 o99

atitit.ajax 最佳实践跟框架选型 1. 选型框架dwr/dwr3 跟jq 1 2. DWR方便的地方分为两个地方. 1 3. dwr 优点: 1 4. 缺点: 2 5. 根jq的区别 2 1. 选型框架dwr/dwr3 跟jq 2. DWR方便的地方分为两个地方. 前台: 1.前台的js方法的自动生成(由服务端自动发送js脚本到客户端), 用户无需关心,模拟后台的方法调用形式,上手容易. 后台 1.后台获取服务bean的plugin功能. (可以和Spring.Struts集成)提供服