文档章节

phonegap学习之二:创建项目和添加平台

crazymus
 crazymus
发布于 2014/04/26 15:54
字数 448
阅读 1505
收藏 9

phonegap​安装成功后,在命令行下使用:

phonegap create hello(项目名称) com.example.hello(包名) HelloWorld(显示的文字)

创建成功后:

cd hello 切换到项目目录下:

打开www下的config.xml 编辑id和项目名称,在下方的

<!-- lang: xml -->
<access origin="*"/> <!-- allow local pages -->

配置为允许跨域,这样你就可以在项目中ajax实现跨域请求了. 当然,也可以在添加平台之后,在res>config.xml中配置.

phonegap build android 创建android项目

当然也可以添加多个平台支持,重复上面的命令,把android换成你需要添加的平台

下一步:

phonegap run android

OK,如果你的手机连接了电脑,现在项目已经可以运行了。

如果需要对项目进行进一步修改,你可以使用eclipse来编辑项目。

可能遇到的问题,当你在eclipse打开项目后,可能不知道网页文件在哪里?你需要这样操作:

To show assets/www or res/xml/config.xml, go to: Project -> Properties -> Resource -> Resource Filters And delete the exclusion filter. 这是phonegap中的文字提示,意思是需要在eclipse中找到项目>属性>资源>资源过滤把exclusion filter删除, 这样,www目录中的文件就会出来了。不知道为什么需要设置这些,很奇怪!

可以开始用web技术开发app了,就这么简单!

我们可以手写html,也可以使用一些前端框架:Sencha Touch或者jQuery Mobile。 这两个国外的框架在Android下的性能都不是很好,我推荐一个国产的框架:Jingle UI。 由shixy开发的,项目主页在这里:http://vycool.com/Jingle/

其他推荐的类库: zepto 移动端的jQuery解决方案,接口几乎和jQuery一致。

© 著作权归作者所有

共有 人打赏支持
crazymus

crazymus

粉丝 67
博文 70
码字总数 106718
作品 8
程序员
私信 提问
phoneGap3.0安装步骤(以windows下的android环境为例):

phoneGap3.0安装步骤(以windows下的android环境为例): 环境: WIN系统,JDK,Android,Eclipse,Ant,Git,PhoneGap3.x (Cordova) 1. 安装JRE,设置JAVAHOME,比如JAVAHOME=C:programJavaj...

kisshua
2014/03/05
0
0
Android:PhoneGap入门

PhoneGap是一能够让你用普通的web技术编写出能够轻松调用API接口和进入应用商店的HTML5应用开发平台。是唯一的一个支持7个平台的开源移动框架。它的优势是无以伦比的:开发成本低——据估算,...

Xushao
2013/08/12
0
2
phonegap android开发初体验

最近想学习一下手机上的web app开发,朋友推荐phonegap是一个很不错的跨平台开发框架,下面是初次使用的一些总结总结。 1、开发环境配置 系统要求可以具体参考:http://developer.android.co...

弓影
2011/11/14
0
2
如何采用Yeoman + Grunt + Bower开发基于PhoneGap的Hybrid APP

一直想开发手机应用,也跟着教程学做了两个iOS小应用,但开发思维上的转变需要一个长期的过程,而且iOS系统功能很强大,陌生的地方也很多,很多功能不知道该自己开发还是系统上已经存在,也不...

僵尸猫
2015/06/24
0
6
使用Intellij Idea 搭建PhoneGap Android开发环境

看这里:使用Intellij Idea 搭建PhoneGap Android开发环境 最近几天在学习使用phonegap进行android应用的开发,首先当然是phonegap android开发环境的搭建,网上的资料比较乱,cordova和pho...

Realfighter
2015/02/04
0
4

没有更多内容

加载失败,请刷新页面

加载更多

Ubuntu常用操作

查看端口号 netstat -anp |grep 端口号 查看已使用端口情况 netstat -nultp(此处不用加端口号) netstat -anp |grep 82查看82端口的使用情况 查找被占用的端口: netstat -tln netstat -tl...

hc321
昨天
0
0
网站cdn的静态资源突然访问变的缓慢,问题排查流程

1.首先我查看了一下是否自己的网络问题,通过对比其他资源的访问速度和下载速度,确认不是 2.通过ping 和 tracert 判断cdn域名能否正常访问,(最后回想感觉这一步可以省略,因为每次最终能访...

小海bug
昨天
0
0
Mybatis 学习笔记四 MyBatis-Plus插件

Mybatis 学习笔记四 MyBatis-Plus插件 maven依赖 <dependency> <groupId>com.baomidou</groupId> <artifactId>mybatis-plus</artifactId> <ve......

晨猫
昨天
2
0
小白带你认识netty(二)之netty服务端启动(下)

承接上一篇小白带你认识netty(二)之netty服务端启动(上),还剩下两步骤:3、注册Selector:将Channel注册到Selector上 和 4、端口的绑定:服务端端口的监听。 3、注册Selector:将Chann...

天空小小
昨天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部