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

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:创建项目)