phonegap學習之二:建立項目和添加平臺

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

相關文章
相關標籤/搜索