weex怎么编译html文件,Weex官方示例编译运行

背景: 最近在看关系Native动态化的相关东西，同时也经朋友的提醒注意到了React Native和阿里新开源的Weex的解决方案。于是选择了Weex进行了解。对于RN和Weex的方案简而言之就是在自己APP的浏览器容器里面打开H5页面。这样的页面像是APP的原生页面，不会像浏览器app里面打开网页一样来的突兀。同时又不想原生页面一样发版之后就覆水难收。

编译过程

由于github上面的文档写的比较粗糙，自己编译的时候踩了一些坑。所以把过程记录下来。

必要软件：node, xcode, CocoaPods

1、下载源码

git clone https://github.com/apache/incubator-weex.git

目录结构等就自行clone下来看看吧。

2、移动到ios目录

cd ios && ls

这里包含了playground和sdk目录。

playground: ios的工程文件

sdk: weex sdk的工程文件

官方文档里面这里就直接cd ios/playground && pod install。根据官方文档执行下来你会发现build不通过，我也不知道这里是不是我RP有问题。。。

3、移动到sdk目录

在xcode中打开weexsdk的工程文件，选择target为WeekSDK_MTL，执行build。如果RP好的话，你会发现在Products目录下面已经有了WeexSDK.framework文件。

framework是IOS的库文件。详细看这里

4、现在可以按官方文档执行了

cd ios/playground && pod install

这里的pod是cocoapods包管理工具的命令，是根据目录下面的Podfile配置文件里面的配置下载对于的依赖包。

5、这里还有另外一步，在incubator-weex目录下面，开启weex服务。

npm install && ./start

npm是node的命令，也是类似cocoapods的包管理工具，只不过它是针对前端的。

6、进入ios/playground目录，在xcode中打开工程并进行编译运行。

哒哒哒～～～运行成功～～～

然后你可以里面看到模拟器里面跑着各种weex实例。