背景: 最近在看关系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实例。
网友评论