移动端,web前端,混合式开发,我是菜鸟,大神不要嘲笑,真的可能有点傻

移动端的混合开发是什么意思?我是学H5的我想知道,我们H5做的移动端的页面如何转化成APP?

web

7个回答

混合开发就是原生代码+H5页面。
简单的做法是:APP的壳+H5页面,通过APP的web控件(webView之类)去加载H5页面。 APP壳是通用的,功能都可以用H5开发。
如果对性能有要求的页面,可以用原生开发。 android和ios都有提供原生与h5相互调用的方法。

Android混合开发就是由之前的java和xml布局的结合转为java和h5的结合,由h5的页面代替之前的xml布局文件,来实现前端的页面,Android中提供了
WebView的一个类并且有对应的控件,可以同过WebView的loadUrl方法加载h5页面,这个类提供了控制页面的方法,能够设置页面js是否有效等等,
也可以通过这给类,实现Android中的java代码与页面js的交互

H5做app有个工具

wex5,,,,就是用 H5做移动端的,,,android ios都ok

官网链接:http://www.wex5.com/wex5/

混合开发就是一部分是原生的应用代码,一部分是网页,为什么一部分网页,主要是可以避免写死在应用里,减少不断升级的痛苦,特别是ios,你懂的。

1、WebApp 网页应用程序
通过前端技术所编写的移动端的站点或者app,给我们提供了接近于原生应用程序体验的效果

网页版的m.taobao.com

2、NativeApp 原生应用程序
借助于SDK(software development kit)所提供的原生组件和服务 进行编程 而生成的可以安装在手机中的app 称之为NativeApp

3、HybridApp 混合编程
借助于原生开发和前端开发的技能,编写混合编程应用程序,提供了良好的跨平台以及原生组件的支持

基于Android环境做混合编程

前端的js/css/html,又有原生的java代码

基于Android环境实现HybridApp的基本步骤:
①编写前端代码,测试
②将前端代码 拷贝到 Android工程的 assets目录
③编写少量的java代码 加载指定的前端代码
初始化WebView类型的实例:

//初始化wv

WebView wv = new WebView(getApplicationContext());
//assets --> android_asset

//载入指定的网页
wv.loadUrl("file:///android_asset/demo01.html");

//默认无法执行js,需要设置允许执行js
wv.getSettings().setJavaScriptEnabled(true);

//设置要去显示的内容视图
setContentView(wv);

运行Android项目

你用的框架底层实现了Android的API,当你按照框架的文档去实现的时候,其实是框架帮你进行了转换。

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问