用戶不知道他們具體要什么巩割,知道你把它展示給他們
扯淡
從前有嘗試過phonegap開發(fā),那個時候沒有desktop app也沒有mobile app缺菌,搭建開發(fā)環(huán)境要裝npm依賴薇溃、ant構(gòu)建工具,要配置移動端sdk(因為cli生成特定移動端項目骨架時要用到)麻煩得不得了梅肤。今天因為項目需要重新搞了下phonegap司蔬,發(fā)現(xiàn)開發(fā)已經(jīng)變得容易了很多。
Desktop app安裝
官網(wǎng)下載安裝就是了姨蝴,目前支持windows和mac俊啼,這是下載地址:http://phonegap.com/getstarted/
Mobile app安裝
官網(wǎng)下載安裝就是了,目前支持windows phone左医、ios授帕、android,這是下載地址:http://phonegap.com/getstarted/
Desktop app創(chuàng)建項目
發(fā)現(xiàn)沒什么好些的浮梢,官網(wǎng)上有詳細介紹跛十,附上地址就行了很簡單:http://docs.phonegap.com/getting-started/3-create-your-app/desktop/
創(chuàng)建好后就是這樣子:
Idea導(dǎo)入項目并開發(fā)用戶功能
如下圖:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?選中創(chuàng)建好的項目Ok
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?打開后的效果
Mobile app快速測試
桌面軟件創(chuàng)建好項目后開啟項目后的樣子:服務(wù)所在地址是 http://10.3.37.112:3001/
手機端輸入服務(wù)地址就可以訪問了:
項目打包成手機應(yīng)用
打包用的是phonegap的在線打包工具,我參考這哥們兒的:http://my.oschina.net/mynote/blog/187323