Weex在iOS端的加载流程与一些问题

开篇

年后换工作开始接手Weex，开贴记录下Weex相关的知识。本篇文章主要介绍一下WeexSDK在原生项目中大致的加载顺序，从项目的启动到界面渲染结束所走的主要流程。后续会放上项目中遇到的更多问题。
项目的启动顺序

AppDelegate 在

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

中设置入口页
比如：ActiveViewController
在ActiveViewController中根据APP是否初次安装，判断安装引导页、启动页

启动页结束后启动WeexSDK

[WeexSDKManager setup];

之后根据是否有手势密码和登陆状态判断是否显示密码验证页面。

WeexSDKManager 启动页面的设置

初始化WeexSDK handler、module、componet组件的注册。(在这里暴露自己封装的相关的=module、componet组件名称供Weex调用)

项目入口WXRootViewController

根据自己的调试需要设置.js文件的加载路径，然后传入加载需要的url进入设置的Controller，在这里进行页面的适配，url的渲染进行加载拿到的url，以此为真正的入口进入到WeexSDK源码中。

    [[UIApplication sharedApplication] delegate].window.rootViewController = [[WXRootViewController alloc] initWithRootViewController:demo];

设置WXRootViewController 在WXRootViewController加载url时设置

- (id)initWithSourceURL:(NSURL *)sourceURL
{
    WXBaseViewController *baseViewController = [[WXBaseViewController alloc]initWithSourceURL:sourceURL];
    
    return [super initWithRootViewController:baseViewController];
}

WXBaseViewController

作为BaseViewController 每次页面渲染都会进入到当前页面，我们在页面中设置iPhone X的适配等，并且根据不同的需要手动对特定的页面进行刷新渲染(举例：以通知的形式刷新页面，或者根据某个.js文件的名称对刷新操作做处理)。
并由此对进行 _instance = [[WXSDKInstance alloc] init];进入具体的网址渲染操作。

WXSDKInstance 加载与源码修改设置

WXSDKInstance的加载与设置主要通过下列三个方法进行，拿到的url进行加载然后对url根据我们不同的需要进行设置，渲染成功之后，根据需要添加我们需要的操作

- (void)renderWithURL:(NSURL *)url options:(NSDictionary *)options data:(id)data;

- (void)_renderWithRequest:(WXResourceRequest *)request options:(NSDictionary *)options data:(id)data{
/*******  这里进行加载方式的路径切换  ******/
//    //如果加载的是本地包
//    NSURL *url;
//    if ([request.URL.absoluteString containsString:[NSBundle mainBundle].bundlePath]) {
//        url = request.URL;
//    }else{
//        url = [NSURL URLWithString:[self fileWithString:request.URL.absoluteString]];
//    }
//    request.URL = url;
    
    //如果加载的是线上的
        NSURL *url = request.URL;

...

}

- (void)_renderWithMainBundleString:(NSString *)mainBundleString{

...

   [WXSDKEngine registerDefaults];
   [[NSNotificationCenter defaultCenter] postNotificationName:WX_SDKINSTANCE_WILL_RENDER object:self];//渲染即将完成的标识
....
//需要在加载完成之后进行个人操作
....


}

至于自定义 module与Component 扩展官方给了详细的介绍

项目中的问题：

1.APP杀死软件收到url形式的通知，点击无法打开对应的网址

收到推送消息之后以通知的形式发送给Weex前端，来用来控制页面的跳转。

    省略代码...
   if (userInfo[@"url"]) {
        NSDictionary * item = @{
                                @"param":userInfo
                                };
        [[NSNotificationCenter defaultCenter] postNotificationName:@"push_moudle" object:self userInfo:item];
    }

当软件是启动状态是，收到推送发送通知，页面正常跳转，APP杀死的情况下，由于打开APP直接走AppDelegate中的

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions

进行发送通知，此时WeexSDK尚未启动成功，所以Weex尚未注册通知成功，无法进行对应的跳转。
解决方案：在WXSDKInstance渲染加载结束之后，做2-3秒的延迟，拿到收到的远程推送发送推送消息，此时WeexSDK已启动成功收到推送消息

2.由Weex页面进入到H5页面或原生界面，返回之后Weex页面不刷新

在WXBaseViewController中进行设置根据不同的需求设置方式大致分为两种

在生命周期将要出现的时候判断如果包含某个特定的.js文件对当前页面进行刷新

-(void)viewWillAppear:(BOOL)animated{
    [super viewWillAppear:animated];
    if ([self.navigationController isKindOfClass:[WXRootViewController class]]) {
        [self.navigationController setNavigationBarHidden:YES animated:YES];
    }
    if ([_sourceURL.absoluteString containsString:@"myWeb.js"]) {
        [self _renderWithURL:_sourceURL];
    }
}

通知方式刷新界面，收到通知重新渲染界面调用如下方法

[self _renderWithURL:_sourceURL];

3.线上打包与本地打包

线上打包：包括测试环境下的本地起服务加载与正式的线上加载，主要特点是不依赖本地的Views文件，实现热更新，加载的内容由线上网址返回的.js文件决定。主要入口是本地bundlejs文件下的index.js文件。页面的显示的前提是必须有线上服务或者有本地服务在运行。
在WXSDKInstance中

- (void)_renderWithRequest:(WXResourceRequest *)request options:(NSDictionary *)options data:(id)data;
  //直接渲染网络url
    request.URL = url;
    .....
}

本地打包：不依赖于线上的网址，将项目中用到的.js文件所在的Views文件夹放到项目中，对文件的加载路径进行处理，直接由index.js作为入口访问，本地Views文件夹下的.js文件实现页面的加载。不需要起本地服务于线上服务的运行。
在WXSDKInstance中

- (void)_renderWithRequest:(WXResourceRequest *)request options:(NSDictionary *)options data:(id)data;
方法中 

  //如果加载的是本地包
    NSURL *url;
    if ([request.URL.absoluteString containsString:[NSBundle mainBundle].bundlePath]) {
        url = request.URL;
    }else{
        url = [NSURL URLWithString:[self fileWithString:request.URL.absoluteString]];
    }
    request.URL = url;
    .....
}
//路径处理
-(NSString*)fileWithString:(NSString*)str{
    str = [str componentsSeparatedByString:@"?"].firstObject;
    NSString* string = [NSString stringWithFormat:@"file://%@%@",[NSBundle mainBundle].bundlePath,str];
    if ([string containsString:@"dist/"]) {
        string = [string stringByReplacingOccurrencesOfString:@"dist" withString:@"bundlejs"];
    }
    return string;
}

后记

Weex一定程度上减少了原生的开发工作量，但是也有许多需要与原生交互的东西，作为第一篇记录一下，以后有时间持续更新，希望分享更多Weex相关的内容。