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