使用Weex开发android应用

年初就已规划要在项目中使用weex，主要是有两上目的，一是提高一些简单页面的开发效率，二是可以快速发布一些功能，但因为种种原因这个事耽搁到现在也没有推动下去。快到年尾了，再不落实下这个事情，今年估计就没戏了，求人不如求已，先自己来研究一下，把坑踩完，再安排下去，应该会进行得快点。

准备工作

三军未动，粮草先行，准备工作应该要做好，安装好开发工具：

1. nodejs

安装好后，我还再安装一个cnpm： npm install -g cnpm --registry=https://registry.npm.taobao.org

2. 安装Weex开发工具： cnpm install -g weex-toolkit / weex install weexpack

工具安装完成后，就可以开始开发了

开发

1.创建项目 

weex create hello-weex

2. 安装依赖包

cd hello-weex/ && cnpm install

3. 运行

npm run dev 

npm run serve

如果出现错误： ERROR in index.web.js from UglifyJs， 看这里

最好看下这个里： Weex踩坑

项目正常运行起来后，通过http://localhost:8080 即可看到 weex h5 页面。

npm run build 之后, dist目录下会生成index.web.js和index.js 这两个分别对应web和app，在集成后android/ios中的远程js bundle时，用不带.web 这个js

集成到android，看官方教程，我这里是直接集成了服务端地址

图1

集成完成之后，运行anroid程序，就可以看到刚才的例子页面