source 'git@github.com:CocoaPods/Specs.git'

 source 'https://github.com/cocoaPods/specs.git'

 target 'WeexDemo' do

     platform:ios,'7.0'

     pod 'WeexSDK'

     pod 'SocketRocket'

     pod 'SDWebImage'

     pod 'WXDevtool',:configuration => ['Debug']

 end

　　经过以上简单的配置，WeexSDK的环境初始化已完成，下面就进入Weex动态化页面渲染环节。

Weex动态化页面渲染

　　weex支持全页面以及页面局部两种不同的渲染模式。在iOS中使用方法很简单，只需要将weex渲染所得的view添加到父容器中即可。下面会介绍如何在iOS最常用的容器viewController中渲染weex页面。

1.在要使用Weex渲染的viewController中包含头文件

　　现在来介绍下WXSDKInstance究竟是什么，如何来使用它。

　　WXSDKInstance，简单来说，就是weex渲染的实例对象。它提供给开发者诸多跟页面渲染相关的接口，包括renderWithURL、refreshInstance以及destroyInstance等，提供了几个比较重要的回调接口，方便开发者根据不同的业务场景去处理他们的逻辑，如onfailed，还提供了性能监控相关的接口。

　　2. 页面渲染

#import "ViewController.h"

#import <WeexSDK/WXSDKInstance.h>

@interface ViewController ()

//WXSDKInstance 属性

@property(nonatomic, strong) WXSDKInstance *instance;

// weex 视图

@property(nonatomic, strong)UIView *weexView;

// URL属性(用于指定加载js的URL, 一般申明在接口中)

@property (nonatomic, strong) NSURL *url;

@end

@implementation ViewController

- (void)viewDidLoad {

[super viewDidLoad];

self.title = @"Hello Weex";

self.instance = [[WXSDKInstance alloc] init];

// 设置weexInstance所在的控制器

self.instance.viewController = self;

// 设置weexInstance的frame

self.instance.frame = self.view.frame;

// 设置weexInstance用于渲染JS的url路径

[self.instance renderWithURL:self.url options:@{@"bundleUrl":[self.url absoluteString]} data:nil];

// 为避免循环引用 声明一个弱指针 self

__weak typeof(self) weakSelf = self;

// 设置weexInstance创建完的回调

self.instance.onCreate = ^(UIView *view) {

[weakSelf.weexView removeFromSuperview];

weakSelf.weexView = view;

weakSelf.weexView.backgroundColor = [UIColor whiteColor];

[weakSelf.view addSubview:weakSelf.weexView];

};

// 设置weexInstance出错时的回调

self.instance.onFailed = ^( NSError *error) {

NSLog(@"处理失败%@", error);

};

// 设置weexInstance渲染完成时的回调

self.instance.renderFinish = ^(UIView *view) {

NSLog(@"渲染完成");

};

}

- (void)dealloc {

[_instance destroyInstance];

}

#pragma mark - 懒加载

- (NSURL *)url {

if (!_url) {

_url = [NSURL URLWithString:@"http://ygz001.oicp.net/app.weex.js"];

}

return _url;

}

- (void)didReceiveMemoryWarning {

[super didReceiveMemoryWarning];

// Dispose of any resources that can be recreated.

}

@end

- (void)dealloc {

[_instance destroyInstance];

}