美文网首页
Weex SDK集成

Weex SDK集成

作者: 舒耀 | 来源:发表于2018-04-10 10:29 被阅读366次

公司的项目是五六年的老项目了,用的还是MRC,也没用cocoapods,哈哈~,cocoapods集成还是很方便的,但是我们今天手动集成SDK到项目里。
1、首先按照官方文档,去github上下载weex。将SDK引入到项目中去,这个文档还是比较清晰的


image.png

2、然后添加相关的系统依赖,同时将SDKWeex.framework中的native-bundle-main.js引用到main bundle中


image.png

这些都集成进去了,就没什么问题了,一般能运行,如果有问题就查看依赖库是否都添加了

第二步:初始化 Weex 环境
1、这个也是按照文档在Appdelegete中初始化相关操作就可以,复制粘贴就可以。
2、然后在相关界面进行渲染操作,一般加载JS的方法为本地的和线上的

NSString *filePath = @"http://192.168.37.161:8081/dist/Interactive.js";
self.url = [NSURL URLWithString:filePath];
 // 设置weexInstance用于渲染JS的url路径
[self.wxInstance renderWithURL:self.url options:@{@"bundleUrl":filePath} data:nil];

以上是加载线上的。
对了有个entry.js必须添加项目中,具体是干嘛的,告诉我吧,我太笨了,哈哈,然后下图执行以下


image.png

以上没问题,前端也调试好了的话,应该没问题了。下图的index.js没啥用


image.png

第三步 加载网络图片
加载网络图片中遇到了一点小小问题,脑子不转了主要是,因为我们项目用的sdwebimage第三方库很老了一直没更新,我更新过一次,但是改的实在是太多了,方法也变了,最后就放弃了,没想到weex网络图片也用到了,当时就心跳加速,这是要必须更新三方库的节奏啊。我们看一下正常的网络图片的类方法的实现。
实现网络图片加载需要自己写一个类


image.png

然后.m中实现协议方法


image.png

试了好几次发现自己的sdwebimage版本太低了,只能自己写网络图片请求了


image.png
image.png
在运行就能看到网络图片了。

自己还是对网络请求不熟悉啊。暂时做一下记录,自己看也是有需要的看

相关文章

  • Weex SDK集成

    公司的项目是五六年的老项目了,用的还是MRC,也没用cocoapods,哈哈~,cocoapods集成还是很方便的...

  • 集成weex到自己的项目

    集成weex到自己的项目 首先我们需要将sdk集成到我们的项目 方案一: 用cocoapods,简单快捷在podf...

  • weex 集成到iOS项目中报错

    问题描述 首次在项目中集成weex的SDK(sdk版本是0.8.0,Xcode 8),但是出现一些问题, 1. ...

  • Swift 中的 weex

    weex ios 集成参阅:Weex学习与实践:iOS原理篇 swift集成weex 首先将weexsdk集成到项...

  • Android项目集成Weex

    根据技术胖教程学习,感谢文章的作者传送门在搭建好环境之后,我们的目的是在android中把weex已sdk方式集成...

  • ios 集成weex源码遇到的坑

    集成源码weex的时候 发现按weex官网的步骤集成 renderUrl 永远是失败的最后发现官网的集成文档里 少...

  • Weex是如何在Android客户端上跑起来的

    参考:Weex 是如何在 iOS 客户端上跑起来的参考:Weex SDK Android 源码解析 目录 Weex...

  • [个人记录]Weex入坑

    Weex入门 官方文档 文档iOS集成 开发环境配置 安装node 安装weex开发工具 验证 weex-tool...

  • 微信APP支付-2 集成SDK

    官方文档 一、集成SDK 手动集成或者使用pod集成微信App支付的SDK,SDK文件包括 libWeChatSD...

  • iOS集成Weex最全面的基础集成(OC)

    iOS 集成Weex入门教程 前言 自Weex发布伊始, 其口号 "Write Once, Run Everywh...

网友评论

      本文标题:Weex SDK集成

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