Weex优雅的“降级”到 HTML5

[转载]Weex优雅的“降级”到 HTML5

原文:http://blog.csdn.net/dfskhgalshgkajghljgh/article/details/52797939

// 思路中第二点没看明白, 但是文章很简单. 提供了一种妥协的方案. 使用webview去加载h5

// 从上一篇文章看到使用weex_sdk加载的是xxxxxx/dist/main.js  而使用webview加载的是直接是地址.

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");
    }
}
 
 
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的地址。