开发者社区> keller.zhou> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

weex sdk集成到Android工程四. Weex优雅的“降级”到 HTML5

简介: 1)致力于移动端,充分调度 native 的能力  2)充分解决或回避性能瓶颈  3)灵活扩展,多端统一,优雅“降级”到 HTML5  4)保持较低的开发成本和学习成本  5)快速迭代,轻量实时发布  6)融入现有的 ...
+关注继续查看

1)致力于移动端,充分调度 native 的能力 
2)充分解决或回避性能瓶颈 
3)灵活扩展,多端统一,优雅“降级”到 HTML5 
4)保持较低的开发成本和学习成本 
5)快速迭代,轻量实时发布 
6)融入现有的 native 技术体系 
7)工程化管理和监控等 
…… 
这篇文章主要讲weex在app端出现问题时,如何优雅降级到Html5.

2.降级思路

1)一个weex页面可以同时生成三端的实现,及(AndroidiOS,H5) 
2)每个公司设计自己的app配置,比如,在app跟服务器交互获取初始化接口的时候,服务器下发采取何种方式(1.weex2.HTML5) 
3)当获取到采用第二种方式的时候,app用webview去加载weex生成的H5界面。生成方式前面已经讲过:生成链接

3.代码实现

public class MainActivity extends Activity {

    private WebView webView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        webView = (WebView) findViewById(R.id.webview);
        webView.getSettings().setJavaScriptEnabled(true);
        webView.loadUrl("http://10.25.52.72:8080");
    }
}
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

note: 
注意配置网络权限,url为浏览器中的地址,不是js的地址。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
weex-html5 扩展开发指引
Weex是一个高可扩展性的跨平台动态化开发方案,你可以在现有组件基础上定制自己需要的三端组件。你可以为Weex API模块添加新的方法,或者创建新的API模块和新的加载器。本文将介绍一些步骤和技巧用于帮助开发者更好的扩展weex-html5的组件,API或者加载器。 首先要明确的是,组件和API模块是基于weex的扩展,但是独立于weex,组件的定义本身是不需要依赖于weex的,这样有助于组
10291 0
【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
<div style="margin:0px; padding:0px; max-width:100%; color:rgb(51,51,51); font-family:Arial,'Microsoft YaHei'; line-height:26.0400009155273px; height:auto!important; word-wrap:break-word!important
1894 0
Android接入weex-amap
weex-amap是weex的一个高德地图插件,从客户端的角度来说其实就是一些weex的component和module的扩展,通过weex桥接来使用native端的地图定位、绘图等功能。
3560 0
android jni ndk dlopen
dlopen()   功能:打开一个动态链接库   包含头文件:   #include   函数定义:   void * dlopen( constchar * pathname, intmode );     函数描述:   在dlopen的()函数以指定模式打开指定的动态连接库文件,并返回一个句柄给调用进程。
807 0
+关注
121
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载