FFRouter路由

为啥路由

最近进入项目维护阶段，发现维护非常吃力,整个App 到处都是商品列表，购物车，下单，商品详情，这些页面之间相互跳转，相互传值，各种回调， 造成了互相依赖并且高度耦合。如下图（盗来的😏）： WechatIMG17.jpeg

已经到了必须实现路由功能的时候，看了很多大神实现路由的方式（非常感谢🙏），尤其是YINRoute 的实现 ,再结合自身项目需求，就产生了FFRouter

FFRouter实际不单单只是一个iOS内部解耦的路由，他还包含了JS下发功能，通信。如实现 Banner打开native某些页面或者功能。（不需要发版就是实现额外功能😏）

FFRouter的原理

最核心的方法

- (void)openUrl:(NSString *)urlString withData:(NSDictionary *)data {
        NSURL *url = [NSURL URLWithString:urlString];
          // 1内部路由 FFRouterDemo://open/...
        if ([@"FFApp" isEqual: url.scheme]) {
             //打开对应的页面        
        } else if ([@"http" isEqual: url.scheme] || [@"https" isEqual: url.scheme]) {
            NSString *scheme = url.scheme;
             if ([scheme hasPrefix:@"item"]) {
                  //打开外部连接
            } else {
                 //打开本地WebView
            }
        } else if ([@"FFhttp" isEqual: url.scheme] || [@"FFhttps" isEqual: url.scheme]) {
                //打开h5下发的路由配置        
        } 
  }

openUrl 方法中会验证URL是否正确，如果不正确，将无法打开对应页面， 如需要打开内部跳转，url格式必须如下: FFApp://open 可以根据项目自行修改

  url = @"FFApp://open/detail"

打开JS下发的路由：

   url = @"FFhttp://open/test/second"

路由实现后，后期只需要维护2张表即可 ，1)本地FFRouteList.plist 2)JS下发功能表 如下

FFhttp://open/hzbank/homepage  
FFhttp://open/hzbank/recharge  
FFhttp://open/hzbank/withdrawal  
.....

然后就是按需求跳转到对应业务页面就是了...

FFRouter 的使用

1 初始化路由

 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {
      [FFRouter start];
      return YES;
  }

start方法配置整个项目的路由列表FFRouteList.plist， 也可以通过调用FFURLPath的方法 添加或者删除配置

  + (void)load{
        [[FFURLPath shared] registClass:NSStringFromClass(self.class) withPath:@"second"];
    }

2. Native内部跳转

比如打开详情页面包含参数和回调

     id block = ^(NSString *str){
              NSLog(@"返回====%@",str);
      };
      NSDictionary *dic = @{
                              @"name":@"我的名字叫‘大神’",
                              @"callBack":block
                            };
     [[FFRouter shared] openUrl:@"FFApp://open/detail" withData:dic];

3. JS打开本地VC

比如banner 想打开native SecondVC

   id block = ^(NSString *str){
        NSLog(@"返回====%@",str);
    };
    NSDictionary *dic = @{
                              @"contentString":@"h5叫我打开这个页面的，‘大神’ ",
                              @"callBack":block
                            };
    [[FFRouter shared] openUrl:@"FFhttp://open/test/second" withData:dic];

4. 内部WebView

     [[FFRouter shared] openUrl:@"http://www.baidu.com" withData:nil];

Demo地址

再次感谢众多大神🙏