美文网首页
2018-Weex Android踩坑记录 1:创建项目

2018-Weex Android踩坑记录 1:创建项目

作者: 子悠j | 来源:发表于2018-06-12 15:48 被阅读0次

    Weex文档写的太垃圾了,采坑记录下来吧。

    创建项目

    按照教程http://weex.apache.org/cn/guide/中安装weex完成后,创建项目,创建过程中一大堆选项,一般都按默认的,除了使用vue-router。

    跑起来后,自动打开的网页上能看到预览效果,且会自动刷新。可用Weex playground app 在手机上预览。

    然后问题来了,第一步需求,希望在android上在线预览,而教程中的打包android项目是编译成本地文件放到assets下,将自动编译生成的项目中的render函数的url改成自己ip,结果是白屏,啥都不显示,找了半天,终于在其他人的demo中找到的

    这里不是http://192.168.40.16:8081 ,!!!!!!!!!!坑啊,文档太垃圾,也就是说得加载到直接编译出来的js文件,而不是src下面的vue文件,而且好像native和web的build还有不同,web是自动编译成一个index.js文件,native得编译成一个个js文件,目前默认的只会编译成index.js文件,不过android端也能加载,后面慢慢踩坑

    //地址
    private static String weexurl = "http://192.168.40.16:8081/dist/index.js";
    
    Map options = new HashMap<>();
    options.put(WXSDKInstance.BUNDLE_URL,weexurl );
    mWXSDKInstance.renderByUrl("WXSample",weexurl , options, null, WXRenderStrategy.APPEND_ASYNC);
    

    文件目录结构

    src下面有entry.js 和 router.js,entry是初始化代码,设置了首页路径,router是路由配置

    另外推荐一个demo,很多需要在demo直接看代码才能知道功能怎么写。
    https://github.com/zwwill/yanxuan-weex-demo

    相关文章

      网友评论

          本文标题:2018-Weex Android踩坑记录 1:创建项目

          本文链接:https://www.haomeiwen.com/subject/xtfreftx.html