Cordova
文章平均质量分 65
wayne_ren
这个作者很懒,什么都没留下…
展开
-
PhoneGap和Cordova的区别
[b]Cordova历史发展[/b][list][*]・2009年 通过iPhoneDevCamp之后,加拿大Nitobi开发了PhoneGap[*]・2011年 7月28日PhoneGap 1.0.0发布[*]・2011年 10月Adobe收购了Nitobi,并把PhoneGap的核心代码codebase捐给了Apache基金会,但保留了PhoneGap的商标所有权[*]・201...原创 2014-05-15 10:56:26 · 287 阅读 · 0 评论 -
如何制作一个发布版的ionic应用?
如何为Android APK签名,已经在[url=http://rensanning.iteye.com/blog/2030516]这里[/url]说过了。这里说说如何保护源代码,把Hybrid App(混合移动应用)工程变到发布的状态。对于Hybrid App,如果不做任何处理,把apk文件解压后在assets文件夹里就能看到所有的源代码。以下通过gulp tasks和cordova h...原创 2015-04-23 11:27:19 · 130 阅读 · 0 评论 -
Cordova 3.x 源码分析(3) -- cordova.js模块系统require/define
类似于Java的package/import,在JavaScript中也有类似的define/require,它用来异步加载module化的js,从而提高运行效率。[list][*]define 定义注册一个module[*]require 加载使用一个module[/list]模块化加载的必要性,起源于nodejs的出现。但是JavaScript并没有内置模块系统,所以就出现了很多规...原创 2014-04-16 13:21:57 · 302 阅读 · 0 评论 -
Cordova 3.x 源码分析(2) -- cordova.js概要
前提环境:[quote]Platform: androidVersion: 3.4.0[/quote][b](1)cordova.js/cordova_plugins.js文件[/b]cordova.js在创建Android工程的时候,是从cordova的lib目录下Copy到platforms\android\assets\www\cordova.js的。同时备份到pla...原创 2014-04-16 13:14:21 · 226 阅读 · 0 评论 -
Cordova各版本的不同
Cordova每次大版本的发布都会带来系统架构很大的变化,很多资料、文档都要结合它所对应的版本来看。[b](1)2.0.0之前版本[/b]Cordova 2.x之前的版本比较老,只简单说说早期版本是如何导入cordova的。Android版:1)打开Eclipse,新建Android Application Project2)把以下文件放置到相应的位置[quote]...原创 2015-04-12 17:26:02 · 1688 阅读 · 0 评论 -
把CordovaWebView嵌入到自己的应用(Embedding WebViews)
以下以Android为例。(1)下载最新版的Cordova-Android[url=https://github.com/apache/cordova-android/releases]https://github.com/apache/cordova-android/releases[/url][color=red]2015/02/04 最新版:cordova-android-3...原创 2015-04-07 10:56:51 · 262 阅读 · 0 评论 -
Cordova 3.x 源码分析(1) -- Cordova CLI
[b](1)Node.js的使用[/b]Cordova CLI基于node.js,所以有必要知道nodejs最基本的知识。[code="js"]// define:1个module1个js文件exports.printFoo = function(){ return "foo" }// importvar foo = require('./foo.js');// call...原创 2014-04-15 15:07:18 · 103 阅读 · 0 评论 -
Cordova 3.x 实用插件(4) -- Android的SEND、VIEW、CALL(WebIntent)
插件地址:[url=https://github.com/Initsogar/cordova-webintent]https://github.com/Initsogar/cordova-webintent[/url](1)创建工程 [quote]cordova create HelloWebIntent com.rensanning.cordova HelloWebIntentc...原创 2014-04-09 16:20:27 · 144 阅读 · 0 评论 -
Cordova 3.x 基础(16) -- slides & books
[b][url=http://slidedeck.io/rensanning/cordova-3-fundamentals]Cordova(aka PhoneGap) 3.x Fundamentals[/url][/b][img]http://dl2.iteye.com/upload/attachment/0096/8445/023a3197-f501-3189-8bab-400789206b...原创 2014-03-25 13:26:08 · 77 阅读 · 0 评论 -
Cordova 3.x 源码分析(4) -- cordova.js事件通道pub/sub
作为观察者模式(Observer)的一种变形,很多MV*框架(比如:Dojo、Backbone.js)中都提供发布/订阅模型来对代码进行解耦。cordova.js中也提供了一个自定义的pub-sub模型,基于该模型提供了一些事件通道,用来控制通道中的事件什么时候以什么样的顺序被调用,以及各个事件通道的调用。src/common/channel.js的代码结构也是一个很经典的定义结构(构造函...原创 2014-04-22 15:40:34 · 128 阅读 · 0 评论 -
Cordova 3.x 源码分析(5) -- cordova.js导入、初始化、启动、加载插件
执行cordova.js的入口就以下2行代码:[code="js"]// 导入cordovawindow.cordova = require('cordova');// 启动处理require('cordova/init');[/code][color=blue][b]src/cordova.js 事件的处理和回调,外部访问cordova.js的入口[/b][/color]...原创 2014-04-22 16:44:54 · 585 阅读 · 0 评论 -
Awesome PhoneGap/Cordova
A curated list of amazingly awesome PhoneGap/Cordova libraries, resources and shiny things. Inspired by other awesome lists.[b]Official Site[/b][url=http://cordova.apache.org/]Apache Cordova[/ur...原创 2014-12-03 22:23:12 · 301 阅读 · 0 评论 -
Cordova Android中ShowTitle的问题
根据官方文档的描述,要想显示TitleBar需要在config.xml中做如下设置(默认是false):[quote][/quote][img]http://dl2.iteye.com/upload/attachment/0096/5617/ce36e64c-aa35-3575-bbf6-3a997ea72715.png[/img][url=http://cordova.apache....原创 2014-04-28 13:34:31 · 204 阅读 · 0 评论 -
把Crosswalk打包到Cordova应用中
[b](1)从[url=https://crosswalk-project.org/#documentation/downloads]Crosswalk官网[/url]下载Cordova Android (ARM)[/b]目前版本:crosswalk-cordova-8.37.189.12-arm.zip[img]http://dl2.iteye.com/upload/attachme...原创 2014-10-09 16:02:28 · 181 阅读 · 0 评论 -
Cordova 3.x 源码分析(7) -- CordovaLib概要
在[url=http://rensanning.iteye.com/blog/2020843]http://rensanning.iteye.com/blog/2020843[/url]已经介绍过通过Cordova CLI创建Cordova工程。Cordova生成的Android工程主要来自于以下目录:[quote]C:\Documents and Settings\RenSanNin...原创 2014-04-25 17:16:56 · 132 阅读 · 0 评论 -
Cordova 3.x 源码分析(6) -- cordova.js本地交互JS<->Native
[color=blue][b]src/android/android/nativeapiprovider.js JS->Native的具体交互形式[/b][/color][code="js"]// file: src/android/android/nativeapiprovider.jsdefine("cordova/android/nativeapiprovider", functio...原创 2014-04-24 12:11:12 · 362 阅读 · 0 评论 -
Eclipse开发ionic应用
[color=blue][b](1)首先下载最新版的Eclipse 4.4 (Luna)[/b][/color][color=blue][b](2)安装JBoss Developer Studio插件[/b][/color]Help > Eclipse Marketplace 打开后查找Find“JBoss Developer Studio”,选择“Red Hat JBoss Deve...原创 2014-09-19 11:10:29 · 165 阅读 · 0 评论 -
Cordova 3.x 实用插件(6) -- 检查APP是否被安装
应用中经常要启动其他应用,比如:打开市场为自己的应用打分、强制用户更新应用、强制Chrome打开网页等等。在调用之前,你有必要知道要调用的应用是否在机器上已经安装。(很多通过URL Scheme启动的应用如果没有安装的话就没有任何提示)这个插件很小,也很简单,但是还是比较实用的。在Android环境下它通PackageManager来检查ID是否存在,在iOS环境下通过canOpenURL...原创 2014-09-12 11:17:46 · 261 阅读 · 0 评论 -
Cordova 3.x 实用插件(5) -- 通过自定义URL Scheme启动你的APP
通过URL Scheme来启动APP是一种很常见的做法,比如:系统程序:tel:1-408-555-5555sms:1-408-555-1212mailto:frank@wwdcdemo.example.com应用市场:Google Playmarket://details?id=your.package.nameAmazon Appstoreamzn:...原创 2014-09-11 14:45:39 · 1295 阅读 · 0 评论 -
Cordova 3.x 实用插件(3) -- 社交分享SocialSharing
插件地址:[url=https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin]https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin[/url](1)创建工程 [quote]cordova create HelloSocialSharing co...原创 2014-03-20 15:03:43 · 290 阅读 · 0 评论 -
Cordova 3.x 实用插件(2) -- 二维码Barcode
[quote][color=blue]这个插件采用的是开源版的[url=https://github.com/zxing/zxing]zxing[/url],如果性能、识别率不满足需求的话,建议使用[url=http://www.scandit.com/]Scandit[/url],它提供了Community SDK,并且支持Platforms(iOS/Android)、Frameworks(Ti...原创 2014-03-20 14:19:30 · 349 阅读 · 0 评论 -
Cordova 3.x 基础(7) -- Native API的使用
移动设备的Hardware接口包括:Accelerometer、Camera、Capture、Compass、Connection、Contacts、Device、Native Events、File、Geolocation、Notification、Storage、Gestures/Multitouch、Messages/Telephone、Bluetooth、NFC、Vibration。Cor...原创 2014-02-25 13:18:42 · 101 阅读 · 0 评论 -
Cordova 3.x 基础(6) -- Sample工程解析
[b](1)通过Cordova CLI创建Cordova工程[/b]最简化创建应用:[quote]cordova create app1[/quote]***默认使用package名:io.cordova.hellocordova、应用名:HelloCordova。指定package名和应用名:[quote]cordova create app2 com.rensann...原创 2014-02-24 10:01:20 · 108 阅读 · 0 评论 -
Cordova 3.x 基础(5) -- 配置文件config.xml
首先要注意的是:[b]从3.3版本以后已经把www/config.xml移动到了根目录下。[/b]在config.xml中定义的东西应该适应所有平台。在build工程的是时候,会看到“Generating config.xml from defaults for platform "android"”这样的字样,他会生成各个平台的config.xml。生成的文件:[list][...原创 2014-02-19 14:51:30 · 171 阅读 · 0 评论 -
Cordova 3.x 基础(4) -- deviceready事件
Cordova框架中第一个应该掌握的就是这个deviceready事件。采用Cordova开发的应用在运行的时候,Cordova提供的通过HTML5调用Native功能并不是立即就能使用的,Cordova框架在读入HTML5代码之后,要进行HTML5和Native建立桥接,在未能完成这个桥接的初始的情况下,是不能调用Native功能的。在Cordova框架中,当这个桥接的初始化完成后,会调用他自身...原创 2014-02-19 13:35:16 · 776 阅读 · 0 评论 -
Cordova 3.x 基础(3) -- 调试工具Debug
[b](1)Ripple Emulator[/b]是基于Google Chrome的移动应用模拟器,已经捐赠给了ASF。Apache Ripple:[url=http://ripple.incubator.apache.org/]http://ripple.incubator.apache.org/[/url]Chrome Webstore安装地址:[url=https://chr...原创 2014-02-18 09:33:49 · 167 阅读 · 0 评论 -
Cordova 3.x 基础(2) -- 应用图标icon和启动页面SplashScreen
==========================================================最新版Cordova CLI已经支持在config.xml中配置 和 ,[url=https://github.com/leahciMic/cordova-cli/commit/f36666ddb03c49e61ed123022dc8d55e0742aeba]CB-2606, C...原创 2014-02-14 15:07:55 · 387 阅读 · 0 评论 -
Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)
Mobile App分为三大类:Native App、Hybrid App、Web App。其中Hybrid App介于Native App和Web App之间,它能兼顾Native App的良好用户体验及强大的功能并具有Web App跨平台快速开发的优势。缺点在于依赖于各平台的WebView,WebView的性能好坏直接决定了Hybrid App的性能。目前国内外的Hybrid ...原创 2014-02-13 13:42:45 · 134 阅读 · 0 评论 -
Cordova 3.x 实例开发 -- 基于Ionic的Todo应用
基于Ionic的Todo应用,以下为Android截图,代码在[url=https://github.com/rensanning/ToDo-ionic]github[/url]上。[img]http://dl2.iteye.com/upload/attachment/0097/5308/2f1955af-e24f-3ebe-95e0-6e7174d4ae57.png[/img] [img...原创 2014-05-27 13:04:19 · 111 阅读 · 0 评论 -
Cordova 3.x 基础(8) -- 几个不可或缺的lib
[b](1)Zepto.js[/b] [url=http://zeptojs.com/]http://zeptojs.com/ [/url]jQuery绝对是最流行的类库,但是现在对它的批评是越来越多,主要问题是它的大小,即使版本2.0中去除了对于IE6,IE7和IE8的支持,但是仍旧体积比较大,特别对于移动设备来说。 相比人们开始更加关注Vanilla JS http://vanilla-j...原创 2014-02-25 15:49:12 · 97 阅读 · 0 评论 -
Cordova 3.x 基础(9) -- UI框架jQuery Mobile
目前Version 1.4.1,这里只是做个摘要,官方的Demos有很详细的使用说明。[url=http://demos.jquerymobile.com/1.4.1/]http://demos.jquerymobile.com/1.4.1/[/url][url=http://api.jquerymobile.com/]http://api.jquerymobile.com/[/url]...原创 2014-02-27 09:47:54 · 150 阅读 · 0 评论 -
Cordova 3.x 实用插件(1) -- Google地图Maps
插件地址:[url=https://github.com/wf9a5m75/phonegap-googlemaps-plugin/]https://github.com/wf9a5m75/phonegap-googlemaps-plugin/[/url][b](1)创建工程[/b][quote]cordova create HelloMap com.rensanning.cordova...原创 2014-03-18 09:55:07 · 216 阅读 · 0 评论 -
Cordova 3.x 基础(15) -- 云端Cordova (Cloud-based Build Services)
[size=medium]通过Web界面上传HTML/CSS/Javascript源代码后,在云环境(ICE)中把这些代码转换成不同平台的app。以下简单试用了一下PhoneGap Build、AppBuilder、Appery.io、Monaca、SAE云窗调试器等5个服务。[list][*]编译出来的APK文件除过Monaca获取的权限太多无法安装、SAE云窗调试器只是调试工具,基...原创 2014-03-14 14:12:20 · 139 阅读 · 0 评论 -
Cordova 3.x 基础(14) -- 使用Hooks自定义build过程
Hooks本身是一些脚本代码,可以使用任何语言(比如:nodejs、shell等),用来自定义Cordova CLI命令,位于Cordova项目的根目录hooks文件夹下。主要目的是扩展Cordova CLI框架,在应用的build生命周期中插入自定义的build构建内容。[b](1)Hooks的种类[/b]①Module-level Hooks面向的是扩展Cordova平台的,这...原创 2014-03-14 10:27:10 · 411 阅读 · 0 评论 -
Cordova 3.x 基础(13) -- 为Android APK签名
Cordova 编译 Android工程的时候,调用的Android SDK的默认build过程,所以是基于Ant的。(1)调试用APK[quote]cordova build android[/quote]默认是debug模式,使用debug.keystore来生成以下两个文件:[list][*]XXXX-debug.apk(signed, unaligned)[*]...原创 2014-03-13 15:32:00 · 96 阅读 · 0 评论 -
Cordova 3.x 基础(12) -- Plugin开发
Cordova提供的功能能够满足一般应用,但是对于复杂的应用或者对性能要求比较严格的应用来说,并不是很理想的。所以就需要在某些场景下自己写代码来弥补这些不足,类似Titanium Module一样,Cordova也提供了Plugin功能。Cordova本身访问Native接口都是通过Plugin的方式提供的,可以参考官方Plugin代码,而且GitHub上也存在不少开源的Cordova Plugi...原创 2014-03-11 12:56:43 · 96 阅读 · 0 评论 -
Cordova 3.x 基础(11) -- JS是如何调用本地API的?
Cordova应用基于Webview,所以后台代码和js交互都是基于Webview(Webkit)的接口的。Android:WebView(WebKit-based) WebView(4.4 Chromium-based) Updatable-WebViews(5+)@JavascriptInterface/WebView#addJavascriptInterface()参考源码...原创 2014-03-03 16:21:39 · 321 阅读 · 0 评论 -
完整配置的Cordova-Phonegap-Ionic-Android环境
搭建开发环境是程序员的基本功,虚拟机技术(VMware、VirtualBox)和容器(Vagrant、Docker)的出现,让开发环境变得容易且统一,但是由于国内网络问题,安装一个可用的环境很费时,这也让一些初学者很难入门。这里使用VirtualBox为大家安装配置好了Cordova-Phonegap-Ionic-Android的开发环境。首先下载安装[url=https://ww...原创 2015-01-22 17:01:49 · 127 阅读 · 0 评论 -
Cordova 3.x 基础(10) -- UI框架Ionic Framework
Ionic是[url=http://drifty.com/]Drifty[/url]继[url=https://codiqa.com/]Codiqa[/url](基于 Web 的 jQuery Mobile构建工具)和[url=https://jetstrap.com/]Jetstrap[/url](基于 Web 的 Twitter Bootstrap 构建工具)之后的第三个项目。面向使用HTML...原创 2014-02-27 14:42:31 · 203 阅读 · 0 评论 -
Cordova 3.x 入门 - 目录
[color=red]这个系列是基于Cordova 3.x的,很多Android的东西都是Eclipse ADT+Ant的,而目前Android的开发已经完全切换到了Android Studio+Gradle,需要大家特别注意!Cordova在不断的完善优化,除非有特别多的精力,也不建议看源代码。[/color][b]基础篇[/b]Cordova 3.x 基础(1) -- 环境搭建(W...原创 2014-12-06 21:32:51 · 143 阅读 · 0 评论