⑴ 如何將web網站打包成app
首頁得准備好需要的東西,如eclipse,一個完整可以瀏覽的手機網站,而且確保電腦配置好jdk,環境變數,還要安裝好cordova,這些環境等配置這里不表,可以自行網路。在這里我就自己隨意寫了個網站做測試,從下圖可以看出來,這是一個可以在網頁中瀏覽的手機網站
有了網站之後,第一步新建一個項目,打開你要保存的項目地址,比如D盤的yun文件夾,按住鍵盤的shift鍵+滑鼠右鍵,選擇「在此處打開命令窗口」,就會彈出一個終端命令窗口,打開之後在終端裡面輸入cordova
create hello,hello為你的項目名稱,如cordova create
qianqian,qianqian就是我的項目名稱,注意,不要手動去創建文件夾,因為我們在終端裡面建的項目裡面有很多的配置文件,終端命令窗口不要關
在終端命令窗口中輸入cd
qianqian,進入qianqian文件夾,然後再輸入cordova platform add
android,回車,等待下載完成,記住在下載之前一定要確保已經安裝git,要不然會下載失敗,本人親自試驗,下載可以要1分鍾左右,下載完成後終端命令窗口不要關,等下要用
下載完成後將准備好的網站放到www文件夾裡面,原來的文件可以刪掉,再打開eclipse軟體,點擊菜單欄file--import,彈出一個窗口,選擇下面圖片中的選項,再點next,之後點擊Browse,選擇qianqian文件夾項目的路徑,選取,記住,復選框一定要全部選上,不懂的看下面的圖片,然後確定就可以了
確定之後就會看到下面圖片一樣左邊會出現兩個項目,為了確保項目一次性完成,我們可以在終端窗口裡面輸入cordova prepare,輸入前確保是在當前qianqian文件夾,這個命令是在修改過項目的情況下運行的,等待他運行完,下面第二張圖片是運行完成的圖片
ok,之後就可以打包webapp了,回到eclipse,我們發現項目文件有個紅叉,或者也會出現一個感嘆號之類的,出現這個情況的話可以點擊菜單欄project--clean,在彈出的窗口中選擇第二個單選項,下面的復選框全部選上,不懂看圖,確認之後就可以看到紅叉沒了
然後在項目欄里選擇第二個項目右鍵選擇run as--android application,之後等待半分鍾左右,主要是看電腦運行速度好不好了,好的話就快
最後如果你手機連接著電腦或者你電腦開著安卓虛擬機的話,在彈出的窗口就會出現你手機或者虛擬機的信息,選擇他再點ok,系統會自動跳到虛擬機里,如果是真機的話,就直接看你的手機就行,手機會自動安裝app應用的
如果兩者都沒有的話可以將彈出的窗口都關閉,然後在軟體項目欄的第二個項目裡面有個bin文件夾,打開,裡面有個apk,將他復制出來安裝到自己手機或其他機器里就行了,下圖就是webapp做出來的最終效果,一開始忘記上傳圖片,只上傳了代碼,所以app裡面沒有圖片,不過效果總算是出來了
⑵ cordova打包的APK,安裝時報錯:解析包時出現問題。江湖救急!
網路上基本搜不到 你要去別的軟體上搜 小紅書啊知乎啥的
⑶ 做webapp開發,性能和效率最好的框架和打包app平台分別是哪個
之前學習angular的時候接觸過一個叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架,官方描述是The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.
Ionic 是一個用HTML, CSS 跟JS 開發的一個用於移動設備的web app 開發框架,採用 Sass與AngularJS 開發。目前,Ionic 已經升級到v1.0.0-beta.14版本了,可以說這個框架的目的就是讓App的開發像Web一樣純粹。
對於打包app的平台推薦Cordova:
Cordova(http://cordova.apache.org/)是貢獻給Apache後的開源項目,是從PhoneGap中抽出的核心代碼,是驅動PhoneGap的核心引擎。你可以把他想像成類似於Webkit和Google Chrome的關系。Cordova可以通過給定的API訪問原生的設備的功能模塊,如攝像頭、麥克風等;同時支持iOS,Android等不同的手機操作系統,也就是說我們可以通過一套程序生成多平台的app,這個可以省去很多開發成本(前提是要求用戶設備性能稍微好一點,在iOS上面運行起來是挺6的,但是在某些老安卓上面會有點卡頓)。
上次自己做了一個todolist類的web app,通過Cordova生成app並且使用了zipalign工具進行優化,放到了自己手機上面跑了一下,感覺很6,然後拿給哥們玩了一下,他感覺不出來這是用web框架寫的,感覺和native app運行效果一樣,大家可以去嘗試下這個框架。