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

实践是知识的母亲，知识是生活的明灯。这篇文章主要讲述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不存在这个问题。