PhoneGap初试!

最近公司准备开发一个移动应用,方便起见准备开发web项目,用PhoneGap打包成iOS与Android平台的应用。对PhoneGap完全不了解,所以先装个试下。折腾了大半天,总算弄出点儿眉目,整理下以备查。

一、环境说明

系统:OS X Yosemite

开发环境:Xcode 6.4

二、安装PhoneGap

1、首先下载安装 node.js,node.js应该使用0.10.x的版本,高于这个版本的无法安装PhoneGap。

2、在控制台执行:

$ sudo npm install -g phonegap

$ sudo npm install -g cordova

三、创建项目

在控制台执行:

$ cordova create app com.example.myapp mypp
    【在这一步中,app中项目目录,com.example.myapp是Bundle Identifile,最后一个myapp是项目名】
    $ cd app
    $ cordova platform add ios
    这样就会在app/platforms/中创建ios目录,在里面创建相应的xcode项目,就可以使用Xcode打开项目了。

运行项目,正常!以为到这儿就算折腾完了!试着改了下项目中的index.html,再运行,咦?没变化!再试,还是没用。在项目导航中试着添加了新的文件夹与页面文件,将索引页修改为新建的页面,总算有点儿变化了:ERROR:Start Page at ‘test/index.html‘ was not found. 终于搞明白了,看来刚才改的index.html页面并不是项目启动真正使用的页面。在项目导航器中查看index.html的路径,是/app/www/index.html,而项目访问的实际是/app/platforms/ios/www/index.html,这我就不懂了,明明创建的ios项目,是在/app/platforms/ios/中,为什么使用Xcode打开项目文件时列出的文件是/app/www/中的?同样的,其他文件也是这样,也就是说,我在Xcode环境中直接修改或添加文件,实际都不会存到ios目录中,貌似有些悲催。目前就是这样了,等再试试看能不能完整地使用Xcode环境来开发项目。

另外,在AppDelegate.m文件中设置项目索引页:

self.viewController.wwwFolderName = @"www";
    self.viewController.startPage = @"index.html";

时间: 2024-10-29 21:38:25

PhoneGap初试!的相关文章

Ubuntu Nginx uwsgi django 初试

/************************************************************************************** * Ubuntu Nginx uwsgi django 初试 * 说明: * 最近打算通过Python搭建一个数据收集的网站,先做一个搭建测试. * * 2016-8-5 深圳 南山平山村 曾剑锋 ***************************************************************

Phonegap(Cordova)3.4 + Android 环境搭建

PhoneGap是一个用基于HTML,CSS和JavaScript的,创建移动跨平台移动应用程序的快速开发平台.它使开发者能够利用iPhone,Android,WP7等多种智能手机的核心功能--包括地理定位,加速器,联系人,声音和振动等,此外PhoneGap拥有丰富的插件,可以以此扩展无限的功能. PhoneGap最初由Nitobi开发, 它被Adobe收购后,PhoneGap项目也被贡献给Apache软件基金会,并改名为 Apache Cordova. 目前最新版本:3.4.1 . Phone

使用The PhoneGap Developer App实现快速调试项目

如今,基于 PhoneGap 的混合 APP 开发技术更加成熟,优势更加凸显.移动互联网的迅猛发展,Android 和 iOS 的版本快速迭代,使 HTML5 的性能问题逐步解决.仅仅在 PhoneGap 官网上,已经有来自第三方开发者提交的数百项插件,涵盖了 APP 开发的各个方面,大大扩展了 PhoneGap 的功能体系. PhoneGap 官方推出了新的调试工具 The PhoneGap Developer App .这是一款由 PhoneGap 开发的APP ,安装在手机上后,可以通过

PhoneGap+Cordova+SenchaTouch-04-退出程序和对话框的使用

sencha touch 2.4.1对话框的使用是很简单的. 下面简单介绍下st对话框的使用,查看官方文档,在Ext.Msg中,找到show 方法,有个示例挺好 图1 按着示例做就搞定了! 我的代码如下,也是示例. Ext.Msg.confirm("Confirmation", "Are you sure you want to do that?", Ext.emptyFn); 效果图如下: 这里,我想把按钮等英文改为中文,查看文档,可以看到Ext.Msg有个but

为PhoneGap写一个android插件

为PhoneGap写一个android插件,要怎么做? 其实这句话应该反过来说,为android写一个PhoneGap插件,要怎么做? 这里以最简单的Hello World!为例,做个说明: 1.第一步,要先建立一个支持PhoneGap(Cordova)的android工程 因为这个插件本质上是安卓插件,用于PhoneGap,因此,要二者支持才行,所以我们要建立一个支持PhoneGap(Cordova)的android工程,插件在这个工程里面编写. 扫盲:PhoneGap现在已经出售给了Apac

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. 二.phonegap的安装   1. 设置系统变量系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)E:\android_sdk\sdk\tools;E:\android_sdk\sdk\platform-tools;E:\android_sdk\eclipse\plugins

Windows Phone开发(2):竖立自信,初试锋茫

上一篇文章中,我们聊了一些"大炮"话题,从这篇文章开始,我们一起来学习WP开发吧. 一.我们有哪些装备. 安装完VS 学习版 for WP后,也连同SDK一并安装了,不必像安卓那样,安装JDK,下载IDE,还要装SDK和Eclipse插件.WP开发环境是可以一键安装的. 1.模拟器. 这个东东应该说比较重要,如果我们没有现成的WP手机怎么办?模拟器就帮我解决这个问题,我们不需要购买WP手机也可以进行WP应用开发,更何况,我们不可能什么时候都要在真实手机上运行,那调试也不方便. 启动模拟

安装配置PhoneGap开发环境(一)

1 安装JDK 略. 2 安装Eclipse并安装ADT插件 Android的官网提供集成了Android插件的Eclipse开发环境. 眼下訪问不了,尝试百度一下其他资源. 3 安装Android SDK最新版本号 眼下最新版本号为API 22. 4 安装Node.js 到Node.js官网下载并安装Node.js. 5 安装PhoneGap.Cordoba Node.js成功安装后,将其路径配入Path环境变量.以方便命令行使用.在命令行中输入: npm install -g phonega

phonegap常用事件

在任何PhoneGap项目中,首先应该侦听deviceready事件.事件触发表示DOM已经加载和PhoneGapAPI已加载,此时可以检测其他事件或者处理其他内容. 其他事件: <!DOCTYPE html>   <html>       <head>           <meta charset="utf-8" />           <title>PhoneGap resume Example</title&g