阿里巴巴Rax引擎结合Weex简单测试

Jan 13 2017

简单暴力的测试吧

1. Android项目的创建

我这里使用 Android 开发,Android Studio 是必要的。为了简单起见,不要从头创建项目了,直接:

1
git clone https://github.com/xkli/WXSample

使用一个 Weex 打包的 Demo 就OK了。

2. Rax项目的创建

还是简单暴力,直接:

1
2
3
4
npm install rax-cli
rax init demo
cd demo
npm run build

3. 复制 bundle

修改 Android 工程 WXSample/app/{devtool.sh, clean.sh} 代码,清空脚本内容(碍事啦啦啦):

复制文件,自己改下路径:

1
cp ../../../Node.js/demo/build/js/index.bundle.min.js src/main/assets/build/hello.js

4. Build Android Project

你懂得~,试试看吧~

总的来说,其实就是不用 weex 来处理 {we, vue} 文件,而是改用 Rax 来处理 React 文件了。

可以打开开发者选项里面的【显示视图边界】来检测布局功能0.0

你可能会发现 Android Studio Logcat 有错误栈信息,那个是因为

1
com.taobao.weex.devtools.debug.DebugServerProxy

找不到引起的,没什么大事 2333

最后就是,我其实是第一次用 Weex 23333

Node.js, Rax, 阿里巴巴, Weex, Android