phonegap安装成功后,在命令行下使用:html
phonegap create hello(项目名称) com.example.hello(包名) HelloWorld(显示的文字)前端
建立成功后:android
cd hello 切换到项目目录下:web
打开www下的config.xml 编辑id和项目名称,在下方的ajax
<!-- lang: xml --> <access origin="*"/> <!-- allow local pages -->
配置为容许跨域,这样你就能够在项目中ajax实现跨域请求了. 固然,也能够在添加平台以后,在res>config.xml中配置.跨域
phonegap build android 建立android项目前端框架
固然也能够添加多个平台支持,重复上面的命令,把android换成你须要添加的平台app
下一步:框架
phonegap run androideclipse
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一致。