什么是Cordova? Cordova以前也叫PhoneGap,它提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头.麦克风等.Cordova还提供了一组统一的JavaScript类库,以及为这些类库所用的设备相关的原生后台代码,简而言之,cordova就是连接H5和原生系统的桥.通过cordova就可以在H5页面上开发出类似原生APP的应用,而且还是跨平台的. 在windows上如何搭环境搭 1. 首先安装node.js. 不要被这个no…

很多天之前就安装了visual studio community 2015,今天闲着么事想试一下Apache Cordova,用它来开发跨平台App.在这之前需要配置N多东西,这里找到了一篇MS官方文章:配置 Visual Studio Tools for Apache Cordova.看着这片文章开始一个个安装,nodejs.chrome.Git.Apache Ant.Oracle Java.Android SDK等,然后又是配置环境变量.最后呢,我们可以使用VS自带的检测工具来检测一下依赖环…

安装VS2015 Update2的过程是非常曲折的.还好经过不懈的努力,终于折腾成功了. 如果开发Cordova项目的话,推荐大家用一下ionic这个框架,效果还不错.对于Cordova.PhoneGap.ionic.AngularJS这些框架或库的关系,我个人理解是这样,PhoneGap是一个商业项目,用来实现HTML5式的跨平台开发,后来Adobe公司将其中的核心代码开源,就是Cordova,Cordova只负责实现JavaScript调用原生代码的功能,是一个壳,而壳里具体用什么样式,在H…

最近VS2015出了Update2,当然是第一时间进行了安装,中间过程曲折,反复安装卸载n次,也算是获得了一定的安装经验值.现在说一下经常出的问题. Update2里最吸引人的当然是跨平台开发的部分,直接包括了Xamarin,免费了.所以当然要试下.但是安装也是有点技巧的.因为Android SDK下载必须FQ,所以最好提前下好.在选择Xamarin的时候,安装程序会自动选择上Android SDK的n个版本,还不能取消,取消的话Xamarin也会被取消.所以可以只留一个19和22的版本,其他的…

1.安装JDK 配置JAVA_HOME(变量值为jdk的安装目录)以及Path path值如下: 验证是否生效 2.安装node.js 选择适合自己的版本官网直接下载https://nodejs.org/en/download/,手动安装,成功之后设置path的变量值 检测是否安装成功: 3.安装android sdk 下载android-sdk,可以上官网直接下载http://www.androiddevtools.cn/ 设置ANDROID_HOME以及Path的值: 5.安装Appium…

1)  制作启动画面图片或icon ionic resources //同时生成icon和splash ionic resources --icon //只生成icon ionic resources --splash //只生成splash 如果生成的icon/splash有损坏,cordova build android的时候会报错,解决办法就是重新生成或者另外ps一张: 2)  在项目根目录下的config.xml中添加两个配置项: <preference name="SplashS…

一 PhoneGap 1 PhoneGap简绍 http://www.cnblogs.com/JustRun1983/p/3819433.html 2 环境安装 http://cordova.apache.org/docs/en/6.x/guide/cli/index.html 1)安装Cordova 安装环境MacOS,首先要装好NODEJS,NPM.使用以下命令安装Cordova: sudo npm install -g cordova 2) 创建Cordova应用 在Mac的项目路径中,输…

为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android. Ionic(ionicframework一款接近原生的HTML5移动App开发框架 会html css js就可以开发app 博客地址: http://blog.img421.com/ ionic中文教程讲解的很清楚,此网站翻译了一些原官网文档,而且也有诸多例子,让我们能够更好的学习.本教程讲述一下ionic.cordova安装的具体内容. 1. 安装n…

目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能. Ionic是一个界面样式库,仿照原生的ios和android界面:同时它是基于AngularJs的. 本文我们在win7中搭建 AngularJS+Ionic+Cordova 开发环境,包括所涉及的Node.js.Cordova CL…

目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能. 本文我们在win7中搭建 Cordova 开发环境,包括所涉及的Node.js.Cordova CLI.JDK及Android SDK等. 然后我们来实现个简单的demo,开始吧! 1 安装Cordova (Cordova开发环境的安…

这个系列是基于Cordova 3.x的,很多Android的东西都是Eclipse ADT+Ant的,而目前Android的开发已经完全切换到了Android Studio+Gradle,需要大家特别注意!Cordova在不断的完善优化,除非有特别多的精力,也不建议看源代码. 基础篇 Cordova 3.x 基础(1) -- 环境搭建(Windows / Android)详细内容 Cordova 3.x 基础(2) -- 应用图标icon和启动页面SplashScreen详细内容 Cordova…

1. 编写插件,先创建好cordova项目之后,在项目里开发调试好在去创建插件目录 如何在cordova项目里创建呢,在android文件夹下面的res/xml/config.xml里去加入插件 例如: <!--测试的插件--> <feature name="ShowMessage"(js调用的对象,前台调用的)> <param name="android-package" value="org.apache.cordova.…

Cordova是什么 Apache Cordova是一套设备API,允许移动应用的开发者使用JavaScript来访问本地设备的功能,比如摄像头.加速计.它可以与UI框架(如jQuery Mobile.angularjs或Sencha Touch)等相结合使用,这些UI框架可以使用HTML.CSS和JavaScript开发智能手机应用. 通过Cordova开发的应用,可以编译为android和ios版本的应用. 本文介绍Cordova+ionic+angularjs开发环境搭建 ionic是什么…

1.前言 身处在移动互联网的今天,移动应用开发炙手可热,身为程序猿的我们怎么能错过开发一款我们自己的APP.本人算是一个基于.net的GIS开发入门者(马上就大四啦), 暑假在学校参加GIS比赛有大把的时间,利用最近这两天自己写了一个跨平台移动APP.功能比较简单,以后我会慢慢完善的.为什么要跨平台呢?大学期间主要学.net,而微软不太给力啦,WP开发基本上已近死啦 .而重新学习Android开发比较吃力费时.由于对HTML.JavaScript与CSS 等 Web 技术开发有所了解,最终选择使…

今天是2014年的最后一天,年终总结什么的就不写了.记录一下今天的工作内容.如果不知道phoneGap,那么就不需要往下看了,phoneGap现在已经叫cordova了,叫什么不重要,重要的是它对web移动应用的开发很重要,如果你正在查找关于cordova.js 插件安装方面的工作,那么本文或许对你有用. cordoval.js目前最新的版本是3.7.0,较之前的2.xxx系列,最大的变化是把功能进行了插件化,或者说是模块化也行.这样做的好处呢是开发者可以按需加载自己的功能插件,减小文件体积,同…

介绍 目前使用ionic+cordova完成hybmid app开发,在安装geolocation插件时爆出来一个莫名的错误: Fetching from npm failed: CERT_UNTRUSTED Error: CERT_UNTRUSTED     at SecurePair.<anonymous> (tls.js:1367:32)     at SecurePair.emit (events.js:92:17)     at SecurePair.maybeInitFinishe…

在做cordova项目的时候,感觉应用的响应速度跟原生应用比相差甚远,一个主要问题就是如加载层.进度条等弹出对话框的效率不行.毕竟项目中的这些弹框都是用dom拼成的,dom的渲染效率和原生控件比起来慢也是正常的.为了能够让应用尽可能的接近原生应用的效果,我业余时间做了一套对话框插件,使用后应用的使用体验立马有了很大的提升.兼容ios和安卓平台.插件包括加载层.进度条.文件选择.项目已经放到了github,有兴趣的小伙伴可以下载试一试. 插件只支持cordova5.0及以上版本,初始化如下: co…

VS2015已经出了正式版,想用来试一下cordova方面的开发.最近在看ionic这个框架,于是想能在VS2015里编辑js就好了. 下面说一下蛋疼的安装配置过程. 一.安装VS2015及Android SDK 首先Android的SDK最好提前下好,我是从另一个电脑上把已经下好的sdk复制到D盘Android目录下,这样安装VS2015的时候就不用选择SDK下载了,速度会快点. 安装VS2015的时候最好网络FQ一下,不然有些组件有可能会下载失败.安装的组件我没选Xamarin,这玩意太贵用…

[Cordova] 手机网页里的1px 1px的显示 Cordova让开发人员可以使用HTML页面,来开发APP的显示内容.但是在手机上,HTML页面里定义的1px,并不是直接对应到手机屏幕的一个像素.而是会依照尺寸.分辨率等等数值,计算出一个倍率值,在屏幕上做等比的显示.也就是说,HTML页面里的1px,在不同的手机上,可能会以两个屏幕像素.或是三个屏幕像素来做显示. 相关的技术细节可以参考下列资料: 移动端尺寸基础知识 - 可乐橙的私房demo Chrome开发者工具,对于手机网页1px的支…

[Cordova] Plugin里使用iOS Framework 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了重复发明轮子的窘境.本篇文章介绍如何在Cordova的Plugin里使用iOS Framework,主要为自己留个纪录,也希望能帮助到有需要的开发人员. 参考数据: 建立 iOS中的第三方Library,除了可以从网络上取得之外,也可以依照下列文章的步骤,建立一个自己的iOS Framework:「My…

[Cordova] Plugin开发架构 问题情景 开发Cordova Plugin的时候,侦错Native Code是一件让人困扰的事情,因为Cordova所提供的错误讯息并没有那么的完整.常常需要花费大量的时间与精神之后,才发现只是一个字母打错,无形中降低了开发的效率. 解决方案 为了增加Cordova Plugin开发的效率,开发人员可以套用下列的开发架构,来加速开发: 将实际提供功能的Native Code,使用IDE封装为Native Library.在这个步骤中,使用IDE封装Nat…

[Cordova] Plugin里使用Android Library 前言 开发Cordova Plugin的时候,在Native Code里使用第三方Library,除了可以加速项目的时程.也避免了重复发明轮子的窘境.本篇文章介绍如何在Cordova的Plugin里使用Android Library,主要为自己留个纪录,也希望能帮助到有需要的开发人员. 参考数据: 建立 Android中的第三方Library,除了可以从网络上取得之外,也可以依照下列文章的步骤,建立一个自己的Android L…

1.下载安装JDK(根据各自系统选择32位或64位下载),安装完成之后需要做以下环境变量配置 在“系统变量”中,设置3象属性,JAVA_HOME,PATH,CLASSPATH(大小写无所谓),如果已经存在则点击“编辑”,不存在点击“新建”: 1)JAVA_HOME C:\Program Files\Java\jdk1.7.0_80 注意:JAVA_HOME指明JDK安装路径,就是用户刚刚安装JDK时选择的路径,此路径中包含lib,bin,jre等文件夹 2)Path %JAVA_HOME%\bi…

使用cordova开发ios项目的时候,在上传图片碰到一个问题.使用html的<input type="file"/>标签来选择照片或者拍照片,引起了布局报错,然后图片上传过程中很容易崩溃闪退. html页面代码: <html><head></head> <body> <input type="file" /> </body> </html> 然后在真机测试,点击选择文件…

基于 Windows 10 的 Visual Studio 2015 跨平台的应用开发主要分为基于Visual Studio 安装 Xamarin 扩展的跨Android.iOS 和 Windows的应用开发,基于Apache Cordova 的 Visual Studio 工具开发跨Windows.Android 和 iOS 设备的应用,基于Visual C++ 创建跨 Android 和 Windows 的应用,以及Visual Studio tools for Unity 创建跨 Andr…

这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app,包括环境搭建,框架使用等,具体项目已放置在github上,可下载下来自行启动. 下载地址:https://github.com/foreverjiangting/myApp/tree/master/myApp 一:环境搭建 1.配置java的运行环境,包括path变量的路径,这里不再详细讲解,请自行百度. 2.下载Android  Studio,并配置path变量,以及sdk路径.这个下载比较麻烦,请自行去…

1.ios编译 cordova platform add ios --save cordova build ios 2.IOS 微信和地图調用問題:因IOS 9.0以上版本白名單限制,衹有加入白名單的應用才能被檢測到:在Info.plist中<key>CFBundleURLTypes</key>同級增加如下信息: <key>LSApplicationQueriesSchemes</key> <array> <string>wechat…

npm 2.15.8 node 4.4.7 cordova 6.1.0 ionic 1.7.16…

实践分享:开始用Cordova+Ionic+AngularJS开发App http://www.cocoachina.com/webapp/20150707/12395.html…

1.下载并安装Android Studio, 2.下载并安装nodejs 3.通过nodejs来安装cordova(npm install -g cordova ) 4.使用cordova来创建phonegap.cordova项目(输入命令 “cordova create spreader com.sun.androidapp MySpreader” ,建立工程文件.其中spreader 是文件夹名称,com.sun.androidapp是包名称,MySpreader是工程名称) 5.输入命令…