Weex优雅的“降级”到 HTML5

1.前沿

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

2.降级思路

1)一个weex页面可以同时生成三端的实现,及(android,ios,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");
    }
}

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

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码