phonegap学习之二:创建项目和添加平台
博客专区 > crazymus 的博客 > 博客详情
phonegap学习之二:创建项目和添加平台
crazymus 发表于4年前
phonegap学习之二:创建项目和添加平台
  • 发表于 4年前
  • 阅读 1478
  • 收藏 9
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

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一致。

标签: phonegap
共有 人打赏支持
crazymus
粉丝 66
博文 69
码字总数 102338
作品 8
×
crazymus
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: