wex5 教程 之 web網站android原生模式打包

標籤：小白   網站   site   android工程   pac   播放   右鍵   java   sdk   

     如果有成型的web網站，想做成手機app,如何用wex5來打包成apk呢?比如說百度視頻，我想打包成自已的apk安裝到手機上，怎麼做呢？

     

 

     官方提供了四種打包模式，都需要提供服務地址，也就是說要有一台伺服器來提供服務。我只是要把web地址封裝一下，apk開啟後跳轉到網頁就行，顯然服務地址是不需要的。

     那如果用wex5的頁面frame組件載入一個web頁面呢？

     經測試，這種方法可行，問題是，w頁面是wex5自創的頁面，不是html的document頁面，會出現視頻格式不能播放，無falsh外掛程式問題。

     那如何正確用wex5開打包一個網址呢？

     答案是：android原生模式。

     先來看一下今天的效果：

     

     

     實測：視頻和直播都可以完美播放。如果有人用過馬克斯一鍵產生視頻網站的話，可以把網站打包成apk,到應用市場提供下載。超逼格的一件事。只是一個打包功能，小白跟我一步步來設定，不需要去從頭學習安卓基礎，10分鐘搞定網站打包。

二 設計思路：

    運用wex5整合的android sdk,原生產生。

三 代碼與邏輯

   1 切換到java視圖

      在標題列 視窗選擇java視圖

    

    

  2 建立android工程

     左側空白地區右鍵，建立Android Application Project

     

    填寫工程名，首拼音大寫，自動產生包名

    

  預設選項，建立自訂app表徵圖icon，頁面activity,工作空間workspace

   

  icon表徵圖選擇與樣式   

  

  頁面activity樣式

  

  首頁面activity與 首頁面布局名稱

 

 建立成功後，檔案目錄結構如下：

 

 3 修改許可權

    安卓訪問入口，從androidManifest.xml檔案開始，所有許可權在這裡進行配置。

   需要注意的是android:minSdkVersion不要設的太高，否則較低的安卓版本不能安裝。

    需要配置網路許可權，加上<uses-permission android:name="android.permission.INTERNET"/>到如下位置

    

 

4 修改頁面標題

    打到res- values-strings.xml,修改。

    

 

5 頁面中添加webview組件，用來裝載web頁面。

   

   找到composite集合中的webview,拖到右側視圖頁面中

 

  修改webview屬性

  

 

 6 邏輯代碼

    6.1開啟java頁面Mainactivity.java

    

   在java檔案中，系統會自動產生onCreate(建立),onCreateOptionsMenu（左下角控制功能表）,onOptionsItemSelected（右上方3點選擇菜單）。onCreate方法必須有，其它可以去掉。

  在onCreate方中定義一個WebView對像。注釋中的方法是頁面沒有webView容器直接跳轉，跳轉頁面實測會有搜尋欄。本例中用webview不存在這個問題。

 

   6.2 得到WebView對像，並設定相關參數。

    

   

6.3 接管物理返回鍵

     

四 產生apk包

    1 工程右鍵選擇匯出 Export Android Application

     

   工程選擇

   

 2 建立keystore,如果已經建立，Use existing keystore

    

3 別名設定，如果已有，直接Use existing key

  

 4 選擇產生apk名和儲存路徑，完成即可在目示下看到產生的apk,安裝測試吧。

   

五 工程匯入

    1 選擇Android Esistion Android Code Into Workspace

    

2 Root Driectory，根目錄選擇後，在目錄下的所有工程列表裡選擇project,匯入即可

 六 總結

    1 wex5打包web簡單方便，需要一些安卓原生基礎知識

    2 從java視圖可以看出，wex5可以像eclipse一樣工作，建立android,web,伺服器等多種項目，如所示。好處是省去了系統配置和sdk，包的安裝

     

 

 

 

      

wex5 教程 之 web網站android原生模式打包