大家好,又见面了,我是全栈君。 PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网> 看引擎> 开源产品 ---- 依照
根据一些老博客里面的内容,现在整理一下目前流行的跨平台移动App开发技术的特点,并将几个不同的开发平台框架进行比较说明,仅供大家参考。
第一章 phonegap介绍 1.1 什么是phonegap PhoneGap是一个自由开放源码的开发工具和框架,允许利用HTML + JavaScript + CSS的强大功能在多个手机平台上开发程序,开发出来的程序经过在各自的平台上编译形成独立的安装程序。使程序看起来和native的程序一样。 1.2 PhoneGap的优势和劣势 优势: l 跨平台:一次开发,多个平台共用。现主要包括了android,iOS,Apple iOS, Google Android, Palm, Symbian, Blac
快速增长的APP应用软件市场,以及智能手机的普及,手机应用:Native(原生)APP快速占领了APP市场,成为了APP开发的主流,但其平台的不通用性,开发成本高,多版本开发等问题,一直困扰着专业APP开发企业,和APP服务提供商。 安卓和IOS的操作方式,开发模式,界面UI显示方面的差别,也使得原生APP的不同版本体验有很大的区别,光是做兼容性调测,都要花费开发企业不少的时间。
上面的定义是百度百科的官话,用白话文翻译就:所谓hybridApp就是在app中嵌入web页面
提到跨终端应用开发,很容易想到最近很火的React Native。使用React Native开发出的APP本质上是Native APP。在跨端应用开发这一领域内还有另一块:Hybrid APP。本文研究的inoic framework就是一种hybrid app的开发框架。
Hybrid App在过去的两年中已经成为移动界的核心话题,但是作为一名Web开发者来说要如何站在移动互联网的浪潮之巅呢?是选择学习原生开发,研究Java、 Object-C、C#等语言,还是选择继续使用网页开发,容忍HTML5功能的局限性?就在开发者左右为难的情况下Hybrid App作为一个折中的解决方案诞生了。那么究竟什么才是Hybrid App呢?
PhoneGap是一个用基于HTML5的移动应用前端开发框架,使用HTML+CSS+JavaScript,再通过PhoneGap就可以快速创建APP了。
我是2010年开始从事的Android开发,当时会Android和iOS开发的很少,也不火,所有人都在“摸着河底过河”,项目更没有第三方框架一说,大都是自己写的,不像现在各种的框架满天飞。随着移动开发的发展,互联网公司也是层出不穷,有些公司迫于竞争,想要更迅速的更省成本的进行开发,就不再满足Android端一套代码,iOS端一套代码。与此同时,其他技术领域和各大公司也都觊觎着这份大蛋糕,纷纷推出相关的技术,这样跨平台技术应运而生,并且开始在公司中生根发芽。 Android和iOS生态太大了,我们可以把它们比作第一级生态,想要颠覆这两个系统的曾经出现过,但都失败了,因此建立次级生态是最稳妥的策略,Android平台更加开放,因此次级生态的中心就是Android,次生态的形式多种多样,比如在Android系统的基础上魔改建立自己的生态,再或者推出各种跨平台技术建立生态。跨平台技术产生的框架实在太多了,很多还没等我们去学去了解,它们就没落了,成为了跨平台技术的发展的一个过度产物。跨平台技术的产物是不靠谱还是趋势,我想读完本篇文章你会有自己的理解。 跨平台技术的分类没有标准的答案,这里把它们分类为5种,分别Web App、Hybrid App、语言编译转换、原生渲染、自绘UI。下面分别介绍它们。
移动开发是未来一个很重要的IT领域,而跨平台开发将是这一领域最重要的事情。 ----谷震平
今天给大家介绍10款有关HTML5移动开发APP开发框架,这几款框架都是比较优秀的移动 Web 开发框架,能够帮助开发者更加高效的开发移动Web应用。.
在介绍Cordova之前,必须先提一下PhoneGap。PhoneGap 是Nitobi软件公司2008年推出的一个框架,旨在弥补web 和iOS 之间的不足,使得web 和 iPhone SDK 之间的交互更容易。后来又加入了Android SDK 和BlackBerry SDK,再然后又陆续加入了更多的平台。 但是在2011年,Nitobi公司被Adobe收购,PhoneGap也被提交到Apache Incubator。由于Adobe现在拥有PhoneGap商标,PhoneGap v2.0版产品就更名为Apache Cordova。 据说Cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。
Hybrid App现状分析 Web App 毫无疑问Web App就是成本最低,最快速地解决方案了。尤其是近两年非常流行的响应式设计,Web App市场提供了非常好的实践场地。最近典型的Web App最佳案例是Sun天气应用了,其细节处理让人赞不绝口。 Hybrid App 一般来说,拥有下面特点的就是一个Web App了:使用浏览器运行;纯Web前端架构,很多重要手机特性无法访问,例如联系人以及Push notification之类的;Single Page App;销售渠道多限于浏览器。 所谓的Hyb
Hybrid App(混合模式移动应用)是指介于web-app、native-app这两者之间的app,兼具“Native App良好用户交互体验的优势”和“Web App跨平台开发的优势”。
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
海豚精灵:https://www.whhtjl.com;优课GO:https://mgo.whhtjl.com
随着H5标准的发布以及推广,使得移动应用的开发也受到了很大影响,出于效率、成本等等的原因,移动应用的开发不在完全依赖于“原生”。 今天就简单总结一下目前的三大主流移动应用开发类型。 APP,一般认为是 mobile application,也就是移动移动应用程序。
大家好,今天我给大家介绍一下通过两个新的html5技术sencha touch 和phonegap来开发android应用。 首先,众所周知,sencha touch是结合了extjs和jquery mobile这两个javascript神器而开发的一个js库,其诞生的目的就是为了使webapp成为nativeapp,甚至使其更像nativeapp,通过html5,javascript,css能够大大地缩短开发移动应用的周期,而且html的灵活性和绚丽是java和object-c所不能媲美的。 然而,想让h
如果一个网站已经有现成的网页及业务逻辑,那么使用WebView将其内嵌到app中,省去了app重画页面与http通信的事情,无疑是更经济的做法。WebView就是Android上的一个浏览器内核,可自动展示web页面,并且实现js代码的相互调用。 下面是WebView的常用方法: getSettings : 获取浏览器的web设置信息。 addJavascriptInterface : 添加本地的js代码接口。 removeJavascriptInterface : 移除本地的js代码接口。在4.0至4.2的Android系统上,Webview自己增加了searchBoxJavaBredge_,可能被黑客利用导致远程代码执行。为阻止该漏洞,需要手工移除接口searchBoxJavaBredge_。代码如下所示:
本文版权归作者AWeiLoveAndroid所有,未经授权,严禁私自转载。转载请声明原文链接和作者信息。
近年来,伴随着大前端概念的提出和兴起,移动端和前端的边界变得越来越模糊,一大批移动跨平台开发框架和模式涌现出来。从早期的PhoneGap、Inoic 等Hybrid技术,到现在耳熟能详的React Native、WEEX和Flutter等跨平台技术,无不体现着移动端开发的前端化。 作为阿里巴巴开源的一套移动跨平台技术框架,WEEX框架最初是为了解决移动开发过程中频繁发版和多端研发的问题而开发的。具体来说,使用WEEX提供的跨平台开发技术,开发者可以很方便地使用Web前端技术来构建高性能、可扩展的原生性能体验,并支持在Android、iOS和Web等多平台上进行部署。 作为目前主流的跨平台技术框架之一,WEEX项目使用Vue.js进行编写,对于熟悉Web前端开发的开发者来说,其是一个不错的选择。在性能和项目迭代方面,WEEX与PhoneGap、Inoic等Hybrid技术相比也有一定的优势。 不过由于种种原因,WEEX的社区生态并不是很完善,也没有一本系统介绍WEEX的书籍。基于对跨平台技术的热爱,以及积累的一些WEEX项目实战经验,笔者思量再三决定对WEEX框架进行系统的梳理,并将其整理成书。 “路漫漫其修远兮,吾将上下而求索。”通过对WEEX技术的学习和本书的写作,笔者深刻地意识到“学无止境”的含义。如果本书对你学习WEEX有所帮助和启发,笔者将不胜欣慰。
介绍目前前端人员开发app的几种方法,具体介绍hbuilder开发app,一扇赞新的大门~
phonegap已经不再是phonegap,而是phonegap build,用来打包的。
PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。但是有一条跨平台,却是很明显的优势。因为它采用HTML5+JavaScript的模式来开发应用。PhoneGap用JavaScript统一封装了几大平台的本地api(Andriod,IOS,WP8/7,WINRT)等等。。这样的话从一个平台移植到另外一个平台只需要把HTML代码跟JS原封不动的拿过去,打包一下就可以了。PhoneGap后来被Adobe收购,然后又贡献给了开源社区,现在由Apache管理,改名cordova。
如果你熟悉 Java 语言,可以学习安卓开发;如果熟悉脚本语言(比如 Python 或 Ruby),可以学习 Swift 语言,进行 iOS 开发;如果像我一样,比较熟悉 Web 网页技术,那么 H5 开发是最容易上手的。
Native App(原生App)是用原生语言(Object-C/Java/C#/....)开发,用户需要下载安装的手机应用。
如果你想深入的美化UI,需要耗费很大的力气,对于目前主流的CSS样式表来讲,美化Winform的界面以及自定义控件是需要耗费更多的时间的。
近年来,伴随着大前端概念的提出和兴起,移动端和前端的边界变得越来越模糊,涌现了一大批移动跨平台开发框架和模式。从早期的PhoneGap、inoc等Hybird技术,到现在耳熟能详的React Native、Weex和Flutter等技术,无不体现着移动端开发的前端化。而阿里巴巴在2016年6月开源的Weex移动跨平台框架,语法上使用Vue.js编写,更加贴近Web前端开发,在性能和快速迭代方面,相比其他框架也有一定的优势。
出自 http://devgirl.org/2017/01/10/phonegap-apps-with-vue-js-yes-please/
SAP于2010年7月通过58亿美元购得Sybase。SAP的Sybase Unwired Platform(SUP)平台是一个移动应用的开发、执行和管理套件。 在SUP的较早版本里,主要有两个开发架构来选择,一种是native应用,通过MBO来实现;另一种则是通过HWC来实现的online。后来加入对第三方HTML5框架的支持。在现在3.0的版本里,最大的变化就是以前那个熟悉的开发MBO和HWC的开发工具都不存在了。也就是说,SMP完全放弃了以前的开发方式,选择了更开放,更加标准的技术架构路线 SAP M
Flutter出来也有好长一段时间了,但正式版出来之前感觉国内关注还是比较少。 使用Flutter,对于习惯了原有开发技术的人来说,是怪异的,本人在试用过程中,有种像当时写OC那样感觉到恶心……但坚持下来搭了个demo也勉强能接受了。 对于Flutter的一些困惑,可以看下以下两篇文章,就能大致明白它为什么要这样做:
Phonegap项目,做支付的时候,当把网站打包到ios或android端成app后,在app上通过wap调用银联在线存在一个问题:
"The State of JavaScript" 是由stateofjs发起,对Javascript生态现状进行的一个在线调查。至今一共进行了两次,分别是2016年和2017年,对基础语言,框架,状态管理,API,后端框架,测试工具,样式,构建工具和移动应用框架等做如下调查: Never heard of it(从来没听过) Heard of it, not intrested(听过,不感兴趣) Heard of it, would like to learn(听过,感兴趣) Used it befo
前言 Hybrid技术流行已经有一段日子了,楼主的关注点也一直围绕着移动端围绕着Hybrid相关展开,Hybrid已经是大大提升开发效率的开发方式了,但是仍然需要至少一个IOS与Andriod,那么可不可以只使用H5相关的知识就能做一个APP出来呢?答案是可以的。 什么是cordova? cordova为一移动开发框架,他让我们可以仅仅专注前端代码,然后通过一个开发框架编译形成一个可安装的APP,因为前端代码的特性,所以这种APP是跨平台的,可以最大程度的提升开发效率,因为只需要前端人员,其成本节约也是不可
cordova与phonegap有什么关系? phoengap 官方网址:http://phonegap.com 如果能了解一个框架的兴起还是一件比较有趣的事。08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,想做一个工具来弥补web和ios开发之间的不足,并提出 Bridging the gap between the web and the iPhone sdk。一开始的目标并不是很大,但是做到了现在的written once,run everywhere。我们
前端领域的发展非常迅猛,大前端的时代到来了,据说每隔12-24个月,前端的难度将增加一倍,从下面的技术栈就可以看出前端领域的丰富度和复杂度 核心概念 HTML |-- DOM |-- Element |-- Attribute JavaScript |-- 原型 Prototype |-- 作用域 Scope |-- 闭包 Closure |-- JSON |-- AJAX CSS |-- 选择器 Selector |-- 优先级 |-- 特性 Specificity |-- 盒子模型 渲染引擎 |-- T
这次来看一下怎么把上次的HTML5画图板使用PhoneGap移植到Andriod上去。经过上一篇的PhoneGap环境的搭建,很轻松的就把一个HTML5的web应用移植到了Andriod上去,可以看出PhoneGap的强大。
自 W3C 于 1999 年发布 HTML4 后,Web 世界快速发展,一片繁荣。人们一度认为 HTML 标准不需要升级了。一些致力于发展 Web App 的公司另行成立了 WHATWG 组织,直到 2007 年,W3C 从 WHATWG 接手相关工作,重新开始发展 HTML5。
有说法是,采用混合模式的WEBVIEW来开发界面,通常适用于需要经常变更的页面,比方活动页,或者其他展示页面;相对行业应用来说,哪些使用原生界面开发,哪些使用WEBVIEW来开发,需要从我们当前的痛点出发来考虑,当前行业应用主要是开发周期相对长,采用WEBVIEW的方式来开发,在通用基础则框架的基础上,则能缩短在UI上的开发时间,提升交付效率;但对WEBVIEW开发应用的体验的提升,是我们当前需要解决的最大的问题;采取的策略是,基于Cordova便于Android层面的扩展,MUI则有丰富的UI组建便于构建UI界面的基础,对于Android程序员来说,只需要安装标准的控件编写html就可以,降低对js复杂度的入门恐惧,所以采用MUI+Cordova技术框架集成方式。
相信每一个想要学习前端的人对于前端三剑客html+css+js都不会陌生,这些可以说是一个前端的标配,而在前端的世界里,没有什么是JavaScript实现不了的,你真的了解js吗?
IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序,它提供了很多UI组件来帮助开发者开发强大的应用。它使用JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定,使用它成为Web和移动开发者的共同选择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。 Mobile Angular UI
1、屏幕尺寸区别很大。手机屏幕上是寸土寸金,UI设计还需要考虑到用户手指点击的舒适度。
在前端的世界里,没有什么是JavaScript实现不了的,关于JS有一句话:凡是可以用JavaScript来写的应用,最终都会用JavaScript,JavaScript可运行在所有主要平台的所有主流浏览器上,也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
-bootstrap ,感觉是目前最好用的css框架了,是响应式的,手机屏幕会自动适配成合适的样式来展示,很傻瓜式的就可以写出比较精美的网页。
原文地址:http://blog.csdn.net/freshlover/article/details/42640253
领取专属 10元无门槛券
手把手带您无忧上云