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,包的安装

时间: 2024-12-24 04:51:24

wex5 教程 之 web网站android原生模式打包的相关文章

android 原生应用、Web应用、混合应用优缺点分析

最近开发几个项目,牵涉到android的几种开发模式.对于原生态开发.web 应用开发以及混合模式开发,本人认为并不是哪一种就是最好的,哪一种就是最差的,这个完全是根据自己的需求,选择一种合适的开发模式.他们同时具备自己的有点,同时也有自身的缺点,我们根据实际情况,取其中的优点,尽量避免掉缺点,才是最好的开发模式.下面,我们就一同看看,这三种开发模式,到底有什么区别. 一.原生应用 (也称本地开发 Native App) 你使用过微软PowerPoint 或者 Word吧?这些可直接在你电脑上运

React Native Android原生模块开发实战|教程|心得|如何创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得,来分享给大家,但实在抽不开身,今天看了一下日历发现马上就春节了,所以就赶在春节之前将这篇博文写好并发布(其实是两篇:要看iOS篇的点这里<React Native iOS原生模块开发>). 我平时在用React Native开发App时会

React Native Android原生模块开发实战|教程|心得|怎样创建React Native Android原生模块

尊重版权,未经授权不得转载 本文出自:贾鹏辉的技术博客(http://blog.csdn.net/fengyuzhengfan/article/details/54691503) 告诉大家一个好消息.为大家精心准备的React Native视频教程公布了,大家现能够看视频学React Native了. 前言 一直想写一下我在React Native原生模块封装方面的一些经验和心得.来分享给大家,但实在抽不开身.今天看了一下日历发现立即就春节了.所以就赶在春节之前将这篇博文写好并公布(事实上是两篇

Android 原生开发、H5、React-Native使用利弊和场景技术分享

http://m.blog.csdn.net/article/details?id=51778086 发表于2016/6/28 18:52:46  1176人阅读 最近工作中接触到React-Native框架,对其进行一些技术分析,结合之前了解的H5的一部分,加上自己做了很久的原生开发(十几个android app.sdk,包括2个ios), 总结下目前了解到的这三种移动端应用开发方式的特点和试用范围,作为个人知识的记录,也作作为公司内部互相学习的分享. 一.原生开发   原生开发是系统自带的a

JavaScript大杂烩18 - Web开发的MVVM模式

MVC VS. MVP VS. MVVM  了解MVVM模式之前,我们先来简单了解一下从MVC到MVVM的变迁.这个变迁是耦合从紧到松的变迁,是对依赖处理的进化,是应对变化技术的成熟. MVC  MVC全名是Model View Controller, 是模型(model)-视图(view)-控制器(controller)的缩写,它用一种将业务逻辑.数据.界面显示分离的方法组织代码,将业务逻辑聚集到一个部件里面,在改进和个性化定制界面及用户交互的同时,不需要重新编写业务逻辑.将系统进行MVC分层

支持WEB、Android、IOS的地图解决方案

转自原文 支持WEB.Android.IOS的地图解决方案 工具链 GIS工具集 OpenGeo Suite 包含PostGIS, GeoServer, GeoWebCache, OpenLayers, 和 QGIS 地图准备 QGIS 导入.导出.编辑.shp,postgis,geotiff,geojson,dxf等多种GIS文件,给普通图片配准到地理坐标 教程:http://www.qgistutorials.com/en/ DraftSight 编辑CAD文件 SketchUp   从CA

Android基础入门教程——8.1.3 Android中的13种Drawable小结 Part 3

Android基础入门教程--8.1.3 Android中的13种Drawable小结 Part 3 标签(空格分隔): Android基础入门教程 本节引言: 本节我们来把剩下的四种Drawable也学完,他们分别是: LayerDrawable,TransitionDrawable,LevelListDrawable和StateListDrawable, 依旧贴下13种Drawable的导图: 1.LayerDrawable 层图形对象,包含一个Drawable数组,然后按照数组对应的顺序来

Android基础入门教程——8.1.2 Android中的13种Drawable小结 Part 2

Android基础入门教程--8.1.2 Android中的13种Drawable小结 Part 2 标签(空格分隔): Android基础入门教程 本节引言: 本节我们继续来学习Android中的Drawable资源,上一节我们学习了: ColorDrawable:NinePatchDrawable: ShapeDrawable:GradientDrawable!这四个Drawable~ 而本节我们继续来学习接下来的五个Drawable,他们分别是: BitmapDrawable:Insert

(转)web网站架构演变

浅谈web网站架构演变过程 前言 我们以javaweb为例,来搭建一个简单的电商系统,看看这个系统可以如何一步步演变. 该系统具备的功能: 用户模块:用户注册和管理 商品模块:商品展示和管理 交易模块:创建交易和管理 阶段一.单机构建网站 网站的初期,我们经常会在单机上跑我们所有的程序和软件.此时我们使用一个容器,如tomcat.jetty.jboos,然后直接使用JSP/servlet技术,或者使用一些开源的框架如maven+spring+struct+hibernate.maven+spri