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];
再次感谢众多大神🙏
