BBSSDK论坛移动化实现方案

简介:

一.产品介绍

BBS是一个论坛SDK项目,用户通过简单的几句代码就可以集成整个论坛模块.项目通过模块化开发,多个模块功能分离,用户可以选择需要的模块进行集成.

二.BBS整体结构

BBS的整体结构如下图所示:
_1

BBS由三大核心模块组成:MOBFondation.framework,BBSSDK.framework,BBSSDKUI.framework.

MOBFondation.framework是公有framework,里面封装了一系列通用的功能模块,比如获取设备信息,加解密,Native和js的桥接,网络处理,数据解析......

BBSSDK.framework是数据framework,内部封装了所有数据接口.BBSSDK.framework可以独立作为SDK进行使用,只需要自己写UI,调用BBSSDK.framework,就能够实现论坛项目的开发.不过由于BBSSDK.framework引用了MOBFondation.framework,所以在使用BBSSDK.framework时,需要添加MOBFondation.framework.

BBSSDKUI.framework是对界面的封装,它以BBSSDK.framework为接口,穿插MOBFondation.framework的使用,包装成一个完整的论坛UI模块,开发者集成这个framework,可以通过简单的几句代码实现BBS的接入.

ShareSDK和MobLink通过弱引用的方式实现了BBSSDKUI的拓展,通过ShareSDK实现了对分享功能的支持,通过MobLink实现了对网页跳转App的支持.对于如何实现的弱引用,下文会有涉及.

三.BBSSDKUI功能解析

BBSSDKUI分为简约版和时尚版两个版本,各自的主界面如下图所示: 简约版首页论坛模块
_2

时尚版首页论坛模块
_3

这两个版本除了展示效果的不同,功能完全一致.简约版注重UI的简洁,界面清晰利落.时尚版追求UI的炫酷,里面实现了很多毛玻璃,动画等效果.具体选择哪个版本,依据不同业务需求而定.

主界面展示了论坛和门户两大模块.这两个模块实现不同业务功能,但并不一定全部展示.展示哪个模块由后台决定,用户可以通过后台进行手动配置.

我们看一下BBSSDKUI的功能结构:
_4

四.源码解读

开屏策略

开屏策略提供了全局必要配置,通过调用如下接口实现:

/**
 获取全局配置
 
 @param result 回调
 */
+ (void)getGlobalSettings:(void(^)(NSDictionary *settings, NSError *error))result;

由于开屏策略必须在调用其他接口之前完成,所以这里使用了信号量进行控制: 在时尚版的BBSUIHomeViewController里,

self.semaphore = dispatch_semaphore_create(0);
    self.queue = dispatch_queue_create("HomeViewControllerQueue", DISPATCH_QUEUE_SERIAL);
    
    dispatch_async(_queue, ^{
        //阻塞线程,直到获取配置信息完成之后
        dispatch_semaphore_wait(self.semaphore, DISPATCH_TIME_FOREVER);
        
    });
    
    [BBSSDK getGlobalSettings:^(NSDictionary *settings, NSError *error) {
        if (!error && settings)
        {
            ......
            
            dispatch_semaphore_signal(self.semaphore);
        }
    }];

主界面上滑左右滑效果

_5

在时尚版的主页以及时尚版的个人中心,我们从上面的图中可以看到,tableView可以左右滑动,也可以上下滑动.当TableView左右滑动的时候,其"header"不会跟着滑动,而当TableView上下滑动的时候,其"header"会跟着滑动.这种效果是怎么实现的呢?

我们先看看这种效果的UI结构:

_6
可见,UI大致是通过上下两个ScrollView实现的.最外层的ScrollView用来切换各个子视图(TableView).内层的ScrollView(即TableView)上下滑动.表头其实是一个UIView,通过监听TableView的contentOffSet,对表头进行Frame设置.

BBSUIPortalViewController:

/**
 这里通过封装将TableView的实现集成到BBSUIThreadListViewController里,通过block的方式拿到contentOffSet
 */
for (BBSPortalCatefories *obj in self.categoriesList) {
    BBSUIThreadListViewController *vc = [[BBSUIThreadListViewController alloc] initWithCatid:obj.catid allowcomment:obj.allowcomment];
    
    vc.viewType = BBSUIThreadListViewTypePortal;
    
    [vcs addObject:vc];
    [titles addObject:obj.catname];
    
    vc.offSetBlock = ^(CGFloat offSet){
        //                    NSLog(@"==============  %f",offSet);
        [self setContentOffSet:offSet];
    };
    vc.refreshBannerBlock = ^(NSArray *bannnerList, NSError *error) {
        [self _refreshBannerWithBannnerList:bannnerList error:error];
    };
}
/**
 进行表头Frame的处理
 */
- (void)setContentOffSet:(CGFloat)offSet
{
    CGRect frame = self.headerView.frame;
    frame.origin.y = -offSet + _iphoneXTopPadding;
    self.headerView.frame = frame;

    _lastTableViewOffsetY = offSet;
    
    // 考虑到segmentBar,在到达navigationbar位置的时候,segmentBar需要"悬停"
    if (offSet <= 245 - 64)
    {
        CGRect segmentFrame = self.segmentControl.frame;
        segmentFrame.origin.y = 245-offSet + _iphoneXTopPadding;

        self.segmentControl.frame = segmentFrame;
    }
    else
    {
        CGRect segmentFrame = self.segmentControl.frame;
        segmentFrame.origin.y = 64 + _iphoneXTopPadding;

        self.segmentControl.frame = segmentFrame;
    }
    
    if (self.offSetBlock)
    {
        self.offSetBlock(offSet);
    }
}

弱引用的实现

BBSSDKUI对ShareSDK和MobLink采取弱引用的集成方式.在集成BBSSDKUI.framework的时候,即使不添加ShareSDK和MobLink这两个模块,也不会报错,只不过相关的功能不能使用而已.这和对BBSSDK.framework和MOBFondation.framework的强依赖是不一样的.

怎么实现的呢?

在项目初始化的时候,MOBFondation会通过hock的方式拿到所有的类名,在使用这个SDK的时候,通过协议的方式间接拿到这个类,然后通过私有方法进行调用.

- (void)_authLoginWithType:(NSInteger)type
{
    ......
    
    NSArray *components = [[MOBFComponentManager defaultManager] getComponents:@protocol(IMOBFShareComponent)];
    if (components.count > 0) {
        id<IMOBFShareComponent>  ShareComponent = components[0];
        
        if (ShareComponent && [ShareComponent conformsToProtocol:@protocol(IMOBFShareComponent)])
        {
            [SVProgressHUD show];
            
            [ShareComponent authorize:authType settings:nil onStateChanged:^(NSInteger state, id<IMOBFSocialUser> user, NSError *error) {
                
                ......
            }];
        }
    }
    else
    {
        NSLog(@"没有接入ShareSdk");
    }
}

这种方式避免了强依赖导致的高耦合,在接入过程中,可以选择性的接入需要的组件,不需要的组件可以不接入,但也不会报错.

目录
相关文章
|
PHP 开发者
《阿里云栖开发者沙龙PHP技术专场-静态扫描为你的项目上线保驾护航-周梦康》电子版地址
阿里云栖开发者沙龙PHP技术专场-静态扫描为你的项目上线保驾护航-周梦康
164 0
《阿里云栖开发者沙龙PHP技术专场-静态扫描为你的项目上线保驾护航-周梦康》电子版地址
|
PHP 开发者
《阿里云栖开发者沙龙PHP技术专场-聊聊服务稳定性保障这些事-信海龙》电子版地址
阿里云栖开发者沙龙PHP技术专场-聊聊服务稳定性保障这些事-信海龙
119 0
《阿里云栖开发者沙龙PHP技术专场-聊聊服务稳定性保障这些事-信海龙》电子版地址
|
关系型数据库 分布式数据库 数据库
2022首届阿里巴巴开源开放周来了!数据库分论坛精彩内容曝光!
2022首届阿里巴巴开源开放周来啦!数据库分论坛有哪些精彩内容呢?请看本文。
2022首届阿里巴巴开源开放周来了!数据库分论坛精彩内容曝光!
|
设计模式 Java Python
“问道”论坛上线了
“问道”论坛上线了
184 0
“问道”论坛上线了
|
网络协议 云栖大会 调度
探秘2021云栖大会 | DNS论坛亮点抢先看!
云栖大会开启倒计时,DNS论坛诚意满满,惊喜无限,期待您的参加!
探秘2021云栖大会 | DNS论坛亮点抢先看!
|
存储 监控 数据可视化
疫情期,APP 崩了怎么办?阿里工程师公开高可用架构笔记
作者 | 燕顺 在这场抗击新型冠状肺炎的战役中,普通人能做些什么呢?可能「宅」是现在大多数人能作出的重要贡献之一。在这些深「宅」时光里,用手机或电脑打打游戏、追追剧成了很多人暂时忘掉现实的「良药」。可是!正要上分的游戏突然崩了,正演到关键的剧情突然挂掉,最近“某某 app 崩了”带着广大网友都能领悟的痛频上热搜。网友纷纷呼唤程序员小哥哥快上班,其实疫情期间线上流量激增,很多线上应用都面临着巨大挑战……要解决高流量和突发流量这种业务冲击下,线上应用频繁崩溃的问题,首先需要审视企业目前 IT 架构是否能支撑未来的业务发展。
6173 0
疫情期,APP 崩了怎么办?阿里工程师公开高可用架构笔记
|
人工智能 监控 安全
疫情期,APP 崩了怎么办?阿里工程师公开高可用架构笔记 | 开发者必读(158期)
最近“某某 app 崩了”带着广大网友都能领悟的痛频上热搜。网友纷纷呼唤程序员小哥哥快上班,其实疫情期间线上流量激增,很多线上应用都面临着巨大挑战。阿里巴巴在多年 双11 高并发,高可用和高客户体验要求背景下积累了相应的技术体系,并赋能罗辑思维等客户,帮助他们落地全链路压测。本文整理自高用户、突发高流量场景下的真实案例,公布阿里在高可用架构建设过程中的实践笔记,期待帮助更多企业从容应对接下来的高流量场景。
|
存储 测试技术 视频直播
直播报名中!首次公开OceanBase征战TPC-C测试技术细节全解析
OceanBase技术直播间是OceanBase为用户和技术爱好者带来的系列技术直播课程,由蚂蚁金服一线技术专家分享最全面的理论知识和最实用的技术实践,内容包含数据库内核系列、手把手实操系列和最佳实践系列等。
直播报名中!首次公开OceanBase征战TPC-C测试技术细节全解析
|
数据库 数据库管理 容灾