首页
学习
活动
专区
圈层
工具
发布

Mac下使用Phonegap(Apache Cordorva)开发iOS应用

Phonegap自从捐赠给Apache基金会后,改名字为Cordova了,文章发表时的稳定版本是 2.6.0 。...安装Cordova: 从 这里 下载最新版本的Phonegap,我下载的是2.6.0。下载后对压缩包进行解压缩。...创建工程: 在早期的Phonegap版本中,会提供一个dmg安装包,安装后就会在Xcode中添加一个Phonegap的工程模板。但是新的2.6.0不再采用这种方式,而是使用了命令行的创建方式。...解压缩后,我们可以在lib目录下看到众多的平台类型,找到ios然后使用Terminal进入到bin目录下。 1.png 执行: ....执行程序: 使用Finder定位到项目目录,双击 HelloWorld.scodeproj 就会在Xcode中打开项目。默认的模拟器是iPad,修改为你需要的模拟器。

80720

Hybrid App开发 四大主流平台「建议收藏」

但是在开发过程中同时使用了网页语言,所以开发成本与难度大大降低。也就是说Hybrid App兼具了Native App与Web App两者的诸多优点。...现在有更多的开发者在面临移动平台的选择,所以在这里根据开发中各个平台的使用情况,针对现在主流的平台进行分析。...PhoneGap(Cordova) 产品功能: PhoneGap是一款国外的开源移动开发平台。...目前已经将核心代码贡献给Apache cordova,最新版本是2.6.0, 它是基于HTML,CSS和JavaScript的,可以使用一些开源的框架比如jQuery Mobile,Dojo Mobile...跟PhoneGap 同样,国外框架,技术支持困难。 3. 支持Android,iOS,黑莓平台。 4. 环境需要用户自己搭建比较复杂。

2.9K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    前端开发我为什么选择cordova

    08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,想做一个工具来弥补web和ios开发之间的不足,并提出 Bridging the gap between the web...phonegap继续成长,在2011年10月,整个Nitobi团队被adobe收购,PhoneGap的项目主管Brian LeRoux指出开源PhoneGap的决定在Adobe收购Nitobi之前就做出了...所以Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎,你看着两个官网风格多差不多。...随着时间的推移,PhoneGap可能会加入其它的Adobe的服务,而这些服务不 适合发布到Apache的项目上。例如,PhoneGap和Adobe Shadow就有一大堆的战略方针。...不过不用担心,PhoneGap会持续地保持免费开源而且在Apache Cordova上也是免费的。 下面是当前比较流行的html5开发框架,以及覆盖的主要平台, ?

    1.4K70

    H5 手机 App 开发入门:技术篇

    所以,混合技术栈其实是 Web 技术栈 + 容器技术栈,典型代表是 PhoneGap、Cordova、Ionic 等框架。...三、原生技术栈 原生技术栈分成 iOS 和安卓两个平台。 简单说,iOS 的原生技术栈就是使用 Object-C 语言或 Swift 语言,在 Xcode 开发环境中编程。...运行代码之前,Android Studio 要求必须连接真机,或安装安卓模拟器。完成以后后,在工具栏上点击运行按钮,就可以运行代码查看效果了。 ? ?...PhoneGap 和 Cordova 现在是两个独立发展的开源项目,但是彼此有密切的关系,可以简单理解成 Cordova 是 PhoneGap 的内核,PhoneGap 是 Cordova 的发行版。...$ ionic serve 上面命令会自动打开浏览器窗口,访问本机的8100端口,在浏览器中显示网页效果。 如果一切正常,在命令行窗口按 Ctrl+c,退出服务。

    8K41

    第一个PhoneGap(cordova)应用

    PhoneGap是一套能让你使用HTML5轻松调用本地API接口和发布应用到商店的应用开发平台。官方说有低成本,低开发周期,轻量化等优点,这些咱暂时也没法证明,略过不表。...PhoneGap用JavaScript统一封装了几大平台的本地api(Andriod,IOS,WP8/7,WINRT)等等。。...PhoneGap后来被Adobe收购,然后又贡献给了开源社区,现在由Apache管理,改名cordova。...2.在eclipse下新建Andriod项目,这个跟普通项目一样。 3.在assets目录下新建文件夹“www” 把lib/android目录下的cordova-2.6.0.js复制到这个目录下。...把cordova-2.6.0.jar复制到libs目录下。 4.在www目录下新建一个html文件index.html。我们的界面就要在这里建立了。 index的代码如下: <!

    53030

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码

    PhoneGap或者Cordova框架下实现Html5中JS调用Android原生代码 看看新闻网> 看引擎> 开源产品 ---- 依照我一惯得套路,我会先说一点废话。...因此,眼下开发商能够仅仅编写一次应用程序,然后在6个基本的移动平台和应用程序商店(app store)里进行公布,这些移动平台和应用程序商店包含:iOS、Android、BlackBerry、webOS...Apache Cordova是PhoneGap贡献给Apache后的开源项目。是从PhoneGap中抽出的核心代码。是驱动PhoneGap的核心引擎。...怎样在PhoneGap或者Cordova框架下实现JS调用Android原生代码?...(这里就不再啰嗦怎样在Android程序中集成PhoneGap了) 1.在你的html5中config.js定义你的Plugin的名称和方法。

    2.2K10

    phonegap入门实战

    IOS系统,则可以用以下命令: phonegap build ios   经过以上三步一个PhoneGap项目就完成了,然后就可以把我们编译好的apk文件,下载到手机或模拟器来看运行效果了。...项目   我们就带大家来感受一下创建一个自己的phonegap程序,实现功能很简单就是点击返回按钮时,弹出“hello world”。 1.在系统中,首先转到root目录,这就是我们要创建项目的目录。...如下命令: cd project phonegap plugin add cordova-plugin-network-information phonegap plugin add cordova-plugin-contacts...4.插件添加完成以后,就可以在创建的目录中,进入www目录下,然后对index.html进行编辑,在这里面实现点击返回按钮时,弹出“hello world”,保存文件。...用户事件由用户激发,如用户点击按钮,在文本框中显示特定的文本。事件驱动控件执行某项功能。   触发事件的对象称为事件发送者;接收事件的对象称为事件接收者。

    1.9K20

    目前主流的app开发方式

    目前流行的四种跨平台app打包方式 发展历程: 在国外,最大的是Cordova(PhoneGap,2011年广泛流行),在2012年12月开源。...在国内,按时间顺序,有:2012年AppCan,2013年DCloud,2014年9月APICloud 1.Cordova Cordova是Apache软件基金会的一个产品。...Apache在2012年12月,发布了Cordova,截止到2015年12月,最新版面是3.0。 该框架的目标用户群体是原生开发者,其设计初衷是希望用户群体能够通过跨平台开发的方法降低原生开发的成本。...同时,其在使用jQuery Mobile、Sencha Touch等前端框架的时候,有特效启动慢、页面切换慢、数据请求慢的特点。...3.DCloud DCloud大部分产品开源,W3C会员单位,HTML5中国产业联盟的发起公司之一,在HTML5这个行业有一定的江湖地位。

    1.6K20

    React native开发中常见的错误

    请按照以下的步骤来修复此问题: 确保包服务器在运行 确保你的设备或者模拟器连接着电脑,并且手机打开了USB调试模式,然后在cmd中运行adb devices来查看已经连接好的设备列表 确保飞行模式是关闭的...A:Android >= 4.1 (API 16) iOS >= 7.0 Q:RN和cordova/phonegap是一个东西吗? A:不一样。...RN的性能接近原生,超过cordova/phonegap。 Q:可以使用现有的js库吗? A:由于RN理论上更接近nodejs的运行环境,所以对nodejs的库兼容更好一些。...A:点击iOS模拟器顶部的Hardware菜单,选择Shake Gesture(对应真机摇一摇),会自动弹出如下图的菜单。 安卓模拟器则是点击菜单键,真机上没有菜单键的,摇一摇即可。...React Devtools插件可装可不装,它只用来查看布局,不影响调试,且在目前的版本(>0.13)中还无法正常加载。 ?

    2.9K60

    搭建Cordova开发环境

    Cordova是什么 Apache Cordova是一套设备API,允许移动应用的开发者使用JavaScript来访问本地设备的功能,比如摄像头、加速计。...它可以与UI框架(如jQuery Mobile、angularjs或Sencha Touch)等相结合使用,这些UI框架可以使用HTML、CSS和JavaScript开发智能手机应用。...通过Cordova开发的应用,可以编译为android和ios版本的应用。...这个框架的目的是从web的角度开发手机应用,基于PhoneGap(即cordova)的编译平台,可以实现编译成各个平台的应用程序。...第一步:安装nodejs 到nodejs官网下载4.2.1版本并安装,安装完成后在命令行输入: node -v结果:v4.2.1 说明安装正常 第二步:安装cordova 在命令行输入如下命令,安装cordova

    2.8K70

    Hybrid App开发者一定不要错过的框架和工具

    sencha touch在概念层上我接受不了,它让我感觉自己不是在写界面,而是在做算法作业。关于这些老框架的吐槽, 以前写过,就不再多说。接下来说说最近的新发现。...它和我之前写过的lazymobile理念很类似,采用div来作为App界面,界面之间的切换其实就是浏览器在div上的滑动。界面采用了 ios7的平面设计风格,很讨喜。...另外就是它还直接整合了Cordova(就是phonegap了)的命令行工具,写完后直接一个命令 就可以编译app了。 ? ionic的学习成本比较高。...但是代码里边那些phonegap 的扩展功能往往会导致页面报错。之前为了解决这个问题,我们做了云窗调试器,但现在因为某些原因,基本不更新了。...能选择模拟器来测试屏幕大小,还能选择模拟器的Cordova版本。五星推荐,用了你会回来点赞的。 还有一些Angular相关的工具我也在用,这次就先不整理了。

    1.5K40

    PhoneGap学习笔记

    假设你已经在本机安装了JDK1.6+,因为要使用Java Development Environment的支持,所以需要Ecplise版本在3.2以上。...下载地址:http://developer.android.com/sdk/index.html 3、安装Eclipse的Android ADT插件 4、如果没有物理的测试机,还需要使用AVD创建模拟器...5、安装PhoneGap库文件(Cordova),PhoneGap捐赠给Apache基金会后,名字改为了Cordova,我们需要从网站上下载源码 现在Google的Android网站上提供了集成环境的下载...实际的开发案例(Mac OS X下): 1、将Android的平台工具(platform-tools)和工具(tools)两个目录加入环境变量中 2、进入到Cordova对应的Android版本bin目录下...参考资料: 1、Begin PhoneGap 2、PhoneGap 3、Getting Started with Android 4、Cordova

    58830

    几个跨平台移动App开发方案框架比较

    它使开发者能够在网页中调用IOS,Android,Palm,Symbian,WP7,WP8,Bada和Blackberry等智能手机的核心功能——包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap...较著名的有Worklight、appMobi、WeX5等;其中WeX5为国内打造,完全Apache开源,在融合Phonegap的基础上,做了深度优化,具备接近Native app的性能,同时开发便捷性也较好...;代码编写完之后,通过phonegap的build工具构建 采用w3c标准,包括但不限于HTML5、CSS3、JavaScript,比如说W3C标准中的命名方式等 不需要手机编程基础,只要会HTML就能做应用...PhoneGap 是 Apache Cordova 的一个分发版,就像 Ubuntu 是基于 Linux 的一个发行版,其代码库也基于 Cordova,只是 PhoneGap 关联了 Adobe 的一些额外的商业工具或服务...如上图这样,UI的渲染是很频繁的,要使UI不卡顿,必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。

    9.1K20

    Hybrid App移动应用开发初探

    2.2 Cordova ?   Cordova是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。...3.6 配置Cordova环境   在cmd中运行npm install -g cordova(在线安装)   或者将cordova.rar解压到C:\Users\YourName\AppData\Roaming...在上面的代码中,get请求访问的是一个位于远端服务器中的一个服务(可以是ashx一般处理程序,也可以是一个MVC应用的action)。   ...4.3 使用Cordova打包apk文件   1.新建一个项目文件夹   有了Web网站,我们可以进行App的准备工作了,首先新建一个Cordova项目文件夹: ?   ...4.4 调整配置文件和发布应用   在cordova生成的项目文件夹中,最顶层有一个config.xml,这个就是我们需要编辑的配置文件。   1.设置app的起始页面 <!

    4.2K20
    领券