Weex优雅的“降级”到 HTML5

1.前沿

Weex 在我们看来已经具有非常多的特点,比如: 
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的地址。

1
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值