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


     如果有成型的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,包的安裝

     

 

相關視頻制作完成,上傳優酷。教學app制作中。我是邯鄲戲曲開發,tel:15175073123,qq:1017945251

 

 

 掃描二維碼,看高清教學視頻。

 

 

      


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM