美文网首页
Weex官方示例编译运行

Weex官方示例编译运行

作者: Damon_Yan | 来源:发表于2017-09-19 19:32 被阅读0次

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

    相关文章

      网友评论

          本文标题:Weex官方示例编译运行

          本文链接:https://www.haomeiwen.com/subject/lwsgsxtx.html