iOS weex使用

阿里 Weex，一个UI跨平台的框架，使用vue编写，编译为.js文件，供移动端进行调用
iOS 端使用 pod ‘WeexSDK’ 引入sdk

一.weex使用，直接上代码吧

1.appdelete中执行的代码，其中WXEventModule是交互相关，WXImgLoaderDefaultImpl是加载图片用到的

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
     //weex
    [WXAppConfiguration setAppGroup:@"wang"];
    [WXAppConfiguration setAppName:@"xixi"];
    [WXAppConfiguration setAppVersion:@"1.0"];
    //init sdk environment
    [WXSDKEngine initSDKEnvironment];
    //register custom module and component，optional
    [WXSDKEngine registerModule:@"globalEvent" withClass:NSClassFromString(@"WXEventModule")];
    [WXSDKEngine registerHandler:[WXImgLoaderDefaultImpl new] withProtocol:@protocol(WXImgLoaderProtocol)];
    //set the log level
    [WXLog setLogLevel: WXLogLevelAll];
    [YaoTiaoLocationModel shareInstance];
}

2.先看WXEventModule，它的主要作用是把js文件中的点击方法传入oc中，执行原生的代码。下面看具体的类文件
先看.h文件，没什么东西

#import <Foundation/Foundation.h>
NS_ASSUME_NONNULL_BEGIN
@interface WXEventModule : NSObject
@end
NS_ASSUME_NONNULL_END

再看.m文件，WX_EXPORT_METHOD是使用方法名注册，然后再实现方法体

#import "WXEventModule.h"
#import <WeexSDK/WeexSDK.h>
@interface WXEventModule ()<WXModuleProtocol>
@end
@implementation WXEventModule
@synthesize weexInstance;
WX_EXPORT_METHOD(@selector(tosearch:))//搜索框
- (void)push:(NSString *)url
{
   //在这执行想要的代码
}

3.WXImgLoaderDefaultImpl这个类是利用sdwebimage框架加载图片展示.h文件

#import <Foundation/Foundation.h>
NS_ASSUME_NONNULL_BEGIN
@interface WXImgLoaderDefaultImpl : NSObject<WXImgLoaderProtocol, WXModuleProtocol>
@end
NS_ASSUME_NONNULL_END
.m文件实现，需要导入sdwebimage相关头文件，我是在pch文件里引入的
#import "WXImgLoaderDefaultImpl.h"
@implementation WXImgLoaderDefaultImpl
- (id<WXImageOperationProtocol>)downloadImageWithURL:(NSString *)url imageFrame:(CGRect)imageFrame userInfo:(NSDictionary *)userInfo completed:(void(^)(UIImage *image,  NSError *error, BOOL finished))completedBlock
{
    if (![self isValidString:url])
    {
        return nil;
    }
    //实现加载xcassets 本地资源文件
    if ([url hasPrefix:@"assets:"])
    {
        UIImage *image = [UIImage imageNamed:[url substringFromIndex:7]];
        completedBlock(image, nil, YES);
        return (id<WXImageOperationProtocol>)[NSObject new];
    }
    
    if ([url hasPrefix:@"//"])
    {
        url = [@"http:" stringByAppendingString:url];
    }
    
    return (id<WXImageOperationProtocol>)[[SDWebImageManager sharedManager] loadImageWithURL:[NSURL URLWithString:url] options:SDWebImageRefreshCached progress:^(NSInteger receivedSize, NSInteger expectedSize, NSURL * _Nullable targetURL)
            {
                
            } completed:^(UIImage * _Nullable image, NSData * _Nullable data, NSError * _Nullable error, SDImageCacheType cacheType, BOOL finished, NSURL * _Nullable imageURL)
            {
                if (completedBlock)
                {
                    if (!image)
                    {
                        //当图片记载失败的时候,回调本地的占位图展示,同时,回调的error要置空，这是项目要求的，也可以选择不加载，尤其是imageVew尺寸不一的情况下
                        completedBlock([UIImage imageNamed:@"goodTakePlace"],nil, finished);
                    }
                    else
                    {
                        completedBlock(image, error, finished);
                    }
                }
            }];
}
- (BOOL)isValidString:(NSString *)str
{
    if (str && [str isKindOfClass:[NSString class]] && [str length] > 0)
    {
        return YES;
    }
    return NO;
}

4.看页面如何加载weex

#import "HomeViewController.h"
#import <WeexSDK/WXSDKInstance.h>
@interface HomeViewController ()<BMKMapViewDelegate,BMKLocationServiceDelegate,BMKDistrictSearchDelegate,BMKGeoCodeSearchDelegate>
@property (nonatomic, strong) WXSDKInstance *instance;
@property (nonatomic, strong) UIView *weexView;
@property (nonatomic, strong) NSURL *sourceURL;
@property (nonatomic,strong) NoDataAndErrorView * noDataView;
@end
@implementation HomeViewController
- (void)dealloc
{
    [_instance destroyInstance];
    [self _removeObservers];
}
- (instancetype)initWithSourceURL:(NSURL *)sourceURL
{
    if ((self = [super init]))
    {
        self.sourceURL = sourceURL;
        [self _addObservers];
    }
    return self;
}
- (void)viewWillAppear:(BOOL)animated
{
    [super viewWillAppear:animated];
    [self.navigationController.navigationBar setHidden:YES];
}
- (void)viewWillDisappear:(BOOL)animated
{
    [super viewWillDisappear:animated];
    [self.navigationController.navigationBar setHidden:NO];
}

- (void)viewWillLayoutSubviews
{
    [super viewWillLayoutSubviews];
    
    if ([self.navigationController isKindOfClass:[WXRootViewController class]])
    {
        CGRect frame = self.view.frame;
        frame.origin.y = 0;
        frame.size.height = [UIScreen mainScreen].bounds.size.height;
        self.view.frame = frame;
    }
}
- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor whiteColor];
    self.automaticallyAdjustsScrollViewInsets = NO;
    [self _renderWithURL:_sourceURL];
    if ([self.navigationController isKindOfClass:[WXRootViewController class]]) {
        [self.navigationController setNavigationBarHidden:YES animated:YES];
    }
    self.title = @"首页";
    self.view.backgroundColor = [UIColor whiteColor];
}
- (void)viewDidAppear:(BOOL)animated
{
    [super viewDidAppear:animated];
    [self _updateInstanceState:WeexInstanceAppear];
}
- (void)viewDidDisappear:(BOOL)animated
{
    [super viewDidDisappear:animated];
    [self _updateInstanceState:WeexInstanceDisappear];
}
- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    [self _updateInstanceState:WeexInstanceMemoryWarning];
}
- (void)refreshWeex
{
    [self _renderWithURL:_sourceURL];
}
- (void)addEdgePop
{
    self.navigationController.interactivePopGestureRecognizer.delegate = self;
}
- (void)_renderWithURL:(NSURL *)sourceURL
{
    if (!sourceURL)
    {
        return;
    }
    
    [_instance destroyInstance];
    if ([WXPrerenderManager isTaskReady:[self.sourceURL absoluteString]])
    {
        _instance = [WXPrerenderManager instanceFromUrl:self.sourceURL.absoluteString];
    }
    _instance = [[WXSDKInstance alloc] init];
    [_instance setFrame:CGRectMake(0, 0, kScreenWidth, kScreenHeight - [UIApplication sharedApplication].statusBarFrame.size.height - self.navigationController.navigationBar.frame.size.height - self.tabBarController.tabBar.frame.size.height)];
    _instance.pageObject = self;
    _instance.pageName = sourceURL.absoluteString;
    _instance.viewController = self;
    
    NSString *newURL = nil;
    
    if ([sourceURL.absoluteString rangeOfString:@"?"].location != NSNotFound)
    {
        newURL = [NSString stringWithFormat:@"%@&random=%d", sourceURL.absoluteString, arc4random()];
    }
    else
    {
        newURL = [NSString stringWithFormat:@"%@?random=%d", sourceURL.absoluteString, arc4random()];
    }
    [_instance renderWithURL:[NSURL URLWithString:newURL] options:@{@"bundleUrl":sourceURL.absoluteString} data:nil];
    
    __weak typeof(self) weakSelf = self;
    _instance.onCreate = ^(UIView *view)
    {
        [weakSelf.weexView removeFromSuperview];
        weakSelf.weexView = view;
        [weakSelf.weexView setFrame:CGRectMake(0, [UIApplication sharedApplication].statusBarFrame.size.height, kScreenWidth, kScreenHeight - [UIApplication sharedApplication].statusBarFrame.size.height - self.navigationController.navigationBar.frame.size.height - self.tabBarController.tabBar.frame.size.height)];
        [weakSelf.view addSubview:weakSelf.weexView];
    };
    
    _instance.onFailed = ^(NSError *error)
    {
        JMLog(@"%@",error);
        if (weakSelf.noDataView)
        {
            [weakSelf.noDataView removeFromSuperview];
            weakSelf.noDataView = nil;
        }
        //网络错误
        weakSelf.noDataView = [[NoDataAndErrorView alloc] initWithFrame:weakSelf.view.bounds Types:OtherErrorTypes message:@"" andBackGroundColor:[UIColor whiteColor] isShowAgainButton:YES];
        [weakSelf.view addSubview:weakSelf.noDataView];
        
        [[weakSelf.noDataView rac_signalForSelector:@selector(buttonActionWithSender:)] subscribeNext:^(RACTuple * _Nullable x)
         {
             [weakSelf refreshWeex];
         }];
    };
    
    _instance.renderFinish = ^(UIView *view)
    {
        [weakSelf _updateInstanceState:WeexInstanceAppear];
        if (weakSelf.noDataView)
        {
            [weakSelf.noDataView removeFromSuperview];
            weakSelf.noDataView = nil;
        }
    };
    
    if ([WXPrerenderManager isTaskReady:[self.sourceURL absoluteString]])
    {
        WX_MONITOR_INSTANCE_PERF_START(WXPTJSDownload, _instance);
        WX_MONITOR_INSTANCE_PERF_END(WXPTJSDownload, _instance);
        WX_MONITOR_INSTANCE_PERF_START(WXPTFirstScreenRender, _instance);
        WX_MONITOR_INSTANCE_PERF_START(WXPTAllRender, _instance);
        [WXPrerenderManager renderFromCache:[self.sourceURL absoluteString]];
        return;
    }
}
- (void)_updateInstanceState:(WXState)state
{
    if (_instance && _instance.state != state)
    {
        _instance.state = state;
        
        if (state == WeexInstanceAppear)
        {
            [[WXSDKManager bridgeMgr] fireEvent:_instance.instanceId ref:WX_SDK_ROOT_REF type:@"viewappear" params:nil domChanges:nil];
        }
        else if (state == WeexInstanceDisappear)
        {
            [[WXSDKManager bridgeMgr] fireEvent:_instance.instanceId ref:WX_SDK_ROOT_REF type:@"viewdisappear" params:nil domChanges:nil];
        }
    }
}
- (void)_appStateDidChange:(NSNotification *)notify
{
    if ([notify.name isEqualToString:@"UIApplicationDidBecomeActiveNotification"])
    {
        [self _updateInstanceState:WeexInstanceForeground];
    }
    else if([notify.name isEqualToString:@"UIApplicationDidEnterBackgroundNotification"])
    {
        [self _updateInstanceState:WeexInstanceBackground]; ;
    }
}
- (void)_addObservers
{
    for (NSString *name in @[UIApplicationDidBecomeActiveNotification,
                             UIApplicationDidEnterBackgroundNotification]) {
        [[NSNotificationCenter defaultCenter] addObserver:self
                                                 selector:@selector(_appStateDidChange:)
                                                     name:name
                                                   object:nil];
    }
}
- (void)_removeObservers
{
    [[NSNotificationCenter defaultCenter] removeObserver:self];
}