web頁面如何打包封閉成手機APP

標籤：為我   配置   ica   建立檔案   打包   c51   複選框   pos   jin   

所謂的webApp就是html頁面跟原生app結合而成的一種應用，這種應用的開發可以節省不少的成本，做出來的app跟原生一樣，webApp利用架構技術可以讓你有使用app的感覺，具體可以看平安銀行的app

工具/原料 

• 電腦
• eclipse，git，nodejs，jdk，cordova
• 一個完整的手機網站

方法/步驟 

1.  

   首頁得準備好需要的東西，如eclipse，一個完整可以瀏覽的手機網站，而且確保電腦配置好jdk，環境變數，還要安裝好cordova，這些環境等配置這裡不表，可以自行百度。在這裡我就自己隨意寫了個網站做測試，從可以看出來，這是一個可以在網頁中瀏覽的手機網站

2.  

   有了網站之後，第一步建立一個項目，開啟你要儲存的項目地址，比如D盤的yun檔案夾，按住鍵盤的shift鍵+滑鼠右鍵，選擇“在此處開啟命令視窗”，就會彈出一個終端命令視窗，開啟之後在終端裡面輸入cordova create hello，hello為你的項目名稱，如cordova create qianqian，qianqian就是我的項目名稱，注意，不要手動去建立檔案夾，因為我們在終端裡面建的項目裡面有很多的設定檔，終端命令視窗不要關

3.  

   在終端命令視窗中輸入cd qianqian，進入qianqian檔案夾，然後再輸入cordova platform add android，斷行符號，等待下載完成，記住在下載之前一定要確保已經安裝git，要不然會下載失敗，本人親自實驗，下載可以要1分鐘左右，下載完成後終端命令視窗不要關，等下要用

4.  

   下載完成後將準備好的網站放到www檔案夾裡面，原來的檔案可以刪掉，再開啟eclipse軟體，點擊功能表列file--import，彈出一個視窗，選擇下面圖片中的選項，再點next，之後點擊Browse，選擇qianqian檔案夾項目的路徑，選取，記住，複選框一定要全部選上，不懂的看下面的圖片，然後確定就可以了

5.  

   確定之後就會看到下面圖片一樣左邊會出現兩個項目，為了確保項目一次性完成，我們可以在終端視窗裡面輸入cordova prepare，輸入前確保是在當前qianqian檔案夾，這個命令是在修改過項目的情況下啟動並執行，等待他運行完，下面第二張圖片是運行完成的圖片

6.  

   ok，之後就可以打包webapp了，回到eclipse，我們發現專案檔有個紅叉，或者也會出現一個驚嘆號之類的，出現這個情況的話可以點擊功能表列project--clean，在彈出的視窗中選擇第二個單選項，下面的複選框全部選上，不懂看圖，確認之後就可以看到紅叉沒了

7.  

   然後在項目欄裡選擇第二個項目右鍵選擇run as--android application，之後等待半分鐘左右，主要是看電腦運行速度好不好了，好的話就快

8.  

   最後如果你手機串連著電腦或者你電腦開著安卓虛擬機器的話，在彈出的視窗就會出現你手機或者虛擬機器的資訊，選擇他再點ok，系統會自動跳到虛擬機器裡，如果是真機的話，就直接看你的手機就行，手機會自動安裝app應用的

9.  

   如果兩者都沒有的話可以將彈出的視窗都關閉，然後在軟體項目欄的第二個項目裡面有個bin檔案夾，開啟，裡面有個apk，將他複製出來安裝到自己手機或其他機器裡就行了，就是webapp做出來的最終效果，一開始忘記上傳圖片，只上傳了代碼，所以app裡面沒有圖片，不過效果總算是出來了

10.  

web頁面如何打包封閉成手機APP