统计图表FineReport教程：[5]移动app集成

客户有自己的app，希望把我们的移动端功能集成到他们的app里面去，而不需要安装两个app。Android端和IOS端的集成接口是不一样的，下面就通过统计图表FineReport来简单介绍一下。

工具/原料

统计图表FineReport7.1.1

大小：148.2M 适用平台：windows/linux

IOS端集成App

1、资源准备准备好IOS端集成FineReport App的资源文件，包括自己的IOS工程、FineReport提供的资源包。点击IOS.zip下载FineReport提供的集成资源包，解压至文件夹中，可以看到如下图所示的文件：

2、其中FRDemo和FRDemo_目录树是示例demo，说明文件夹中是使用说明，剩下的三个文件夹才是集成时需要依赖的资源包。framework&bundle：里面包含了真机和模拟器集成时所需要的framework和bundle资源文件，图片资源（IFImages.xcassets）；WeiXinSDK：微信的SDK；BaiduMap：百度地图的SDKFRDemo：集成示例，可以通过设置服务器地址，报表路径，加载报表，即直接通过URL访问报表；FRDemo_目录树：集成示例2，可以登录服务器，展示目录树，即通过发送用户名密码进行验证，验证成功之后直接显示FineReport的主页或者目录树。

3、资源导入在自己的项目中导入资源文件framework&bundle\模拟器\FineResource.bundle，添加framework&bundle\IFImages.xcassets到项目中，并在Build Phases——Link Binary With Libraries中添加下图所示的lib包：

4、其中FineSoft.framework是FineReport提供的资源文件，在解压文件夹的framework&bundle\真机\FineSoft.framework目录下。同时，在项目中添加前面下载资源中的微信SDK和百度SDK，如下图：

5、集成使用FineReport App资源都导入配置完成之后，就需要集成App了，IOS端集成App有两张方式，一个是直接通过URL集成服务器上的模板，另外一个是通过发送用户名密码至服务器，验证通过之后，显示FineReport目录树。

6、直接URL集成直接URL集成报表，就是通过URL链接直接访问FineReport服务器上的报表。在项目中使用IFEntryViewController加载报表，根据报表路径，服务器路径，预览类型创建IFEntryViewController对象。引入头文件：#import <FineSoft/IFEntryViewController.h>

7、根据服务器地址和报表路径生成IFEntryViewController：IFEntr鲻戟缒男yViewController *entryVC = [[IFE荏鱿胫协ntryViewController al-loc] initWithPath:path ServerUrl:url]：reportPath：报表路径，如app/DetailedDrillA-phone.cpt；serverUrl：服务器地址，如http://192.168.1.100:8075/WebReport/ReportServer；viewType：预览类型，可选值有IFEntryViewTypePage（分页预览），IFEntryViewTypeWrite（填报预览），可选用，默认为分页预览；parameters：报表传递的参数，可选用；如果上述四个接口全部使用，则其使用方法为：- (id)initWithPath:(NSString *)reportPath serverUrl:(NSString *)serverUrl viewType:(IFEntryViewType)viewType parameters:(NSDictionary *) params;比如说URL集成一张在线app demo下的表单，直接预览，不传递参数，代码如下：IFEntryViewController *entryVC = [[IFEntryViewController alloc] initWithPath:@"app/sales/orders.frm" serverUrl:@"http://www.finereporthelp.com:8889/app/ReportServer"];

8、集成目录树查看模板集成目录树，就是指发送用户名密码至服务器验证之后，访问系统的目录树，查看系统下的所有模板。在项目中使用IFEntryViewController加载报表。其接口代码如下：引入头文件#import <FineSoft/IFFrameUtils.h>#import <FineSoft/IFFrameDirectoryViewController.h>

9、登录服务器[IFFrameUtils logInto:DEFAULT_SERVERNAM苇质缵爨E serverUrl:url withUserna罪焐芡拂me:username andPassword:password success:^{ //登录成功，加载目录树 [IFFrameUtils loadReportTree:^(NSMutableArray *reportsArray) { //加载成功，展示目录树 IFFrameDirectoryViewController *directoryVC = [[IFFrameDirectoryViewController alloc] initWithReportsArray:reportsArray]; [self.navigationController presentViewController:directoryVC animated:YES comple-tion:nil]; } failure:^(NSString *) { }]; } failure:^(NSString *) { }];

10、登录服务器的各个参数含义：serverName：服务器名称，如Demo服务器；serverUrl：服务器地址，如http://192.168.1.100:8075/WebReport/ReportServer；username：用户名；password：密码；success：登录成功的回调函数（一般是加载目录树）；failure：登录失败的回调函数。其各个参数的使用方法为：+ (void)logInto:(NSString *) serverName serverUrl:(NSString *)serverUrl withUsername:(NSString *)username andPassword:(NSString *)password success:(void (^)())success failure:(void (^)(NSString *))failure;比如说集成在线app demo工程的目录树，代码如下：#import <FineSoft/IFFrameUtils.h>#import <FineSoft/IFFrameDirectoryViewController.h>//登录服务器[IFFrameUtils logInto:@"Demo服务器" serv-erUrl:@"http://www.finereporthelp.com:8889/app/ReportServer" withUsername:@"demo" andPassword:@"demo" success:^{ //登录成功，加载目录树 [IFFrameUtils loadReportTree:^(NSMutableArray *reportsArray) { //加载成功，展示目录树 IFFrameDirectoryViewController *directoryVC = [[IFFrameDirectoryViewController alloc] initWithReportsArray:reportsArray]; [self.navigationController presentViewController:directoryVC animated:YES comple-tion:nil]; } failure:^(NSString *) { }]; } failure:^(NSString *) { }];

11、注意事项1、需要配合FR7.1.1版本使用；2、提供的示例FRDemo只能在真机上运行，如需在模拟器上运行，请替换framework&bundle/模拟器中的framework和bundle文件；3、如果遇到百度地图的集成c文件冲突报错，可以将other linker flags中的-all_load改为-ObjC。

12、webView里打开原生报表如果集成的方式是从webView上的html元素事件触发，打开原生报表，那么需要埠们萁猕自定义WebView继承UIWebView，并重写- (BOOL) webView:(UIWebView *)webViewT shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType方法来实现。原理就是分析url，如果url是报表类型，就用EntryViewController打开报表。示例可见：- (BOOL) webView:(UIWebView *)webViewT shouldStartLoadWithRequest:(NSURLRequest *)request navigationType:(UIWebViewNavigationType)navigationType { if(navigationType != UIWebViewNavigationTypeLinkClicked) { return YES; } NSString *urlString = [[request URL] absoluteString]; NSMutableDictionary *urlDict = [IFFrameUtils analysisUrl:urlString]; if([urlDict contain:KEY_URL]) {//说明是普通超链 IFWebViewController *toWebView = [[IFWebViewController alloc] initWithUrl:[urlDict objectForKey:KEY_URL]]; toWebView.title = @"链接"; [self iFPushVC:toWebView animated:YES]; } else {//说明是报表类型的超链 IFEntryViewType viewType = IFEntryViewTypePage; if([[urlDict objectForKey:KEY_OP] isEqualToString:KEY_VIEWTYPE_WRITE]) { viewType = IFEntryViewTypeWrite; } IFEntryViewController *entryVC = [[IFEntryViewController alloc] initWithPath:[urlDict objectForKey:KEY_PATH] serverUrl:[urlDict objectForKey:SERVERURL_KEY] viewType:viewType]; entryVC.title = urlDict[KEY_PATH]; [self iFPushVC:entryVC animated:YES]; } return NO;}

13、测试FineReport提供一个Demo地址供测试。服务器地址：www.finereporthelp.com:8889/app/ReportServer；用户名：demo；密码：demo；可用报表路径：app/DetailedDrillA-phone.cpt app/para-phone.cpt app/DetailedDrill-pad.cpt app/parapad.cpt app/sales/sales.frm app/sales/map.frm app/sales/saleseffects.frm app/sales/TOP6-pad.frm app/sales/product.frm app/sales/SWOT.frm app/sales/orders.frm app/sales/abc.frm app/financial/FinaceStatistic.frm app/Operations/area.frm如想查看更多示例效果，可联系相关集成人员。

Android集成app

1、资源准备准备好需要集成FineReport App的Android工程，并下载FineReport提供的集成资源包。点击android.zip，下载资源包，将其解压，得到如下图所示几个文件：

2、将解压出来的libs目录和res目录拷贝需要集成的Android工程项目中，并将libs目录下的JAR包和armeabi目录作为依赖库引用到Android开发工程中，如下图：

3、修改AndroidManifest.xml文件打开自己工程下的AndroidManifest.xml文件，并将解压出来的FineReport提供的AndroidManifest.xml中的内容写入到自己工程下的配置文件中

4、集成使用FineReport AppFineReport Android App提供了2种类型的接口：直接使用url访问服务器上的模板，以连接的形式集成至自己的App当中，另外一种是使用目录入口集成，即通过验证用户名密码，登录到FineReport App的主页或者目录页。

5、URL直接集成使用URL集成. 直接使用URL访问服务器工程模板，比如说我们想要集成服务器下的WorkBook2.cpt模板，并且是填报的形式，那么，代码如下：Intent intent = new Intent(); intent.putExtra("url","http://192.168.100.121:8075/WebReport/ReportServer?reportlet=WorkBook2.cpt&op=write"); intent.setClass(this, IntegrationActivity.class); startActivity(intent);注：op=write表示参数op为write填报模式，正常预览模板，不需要添加op参数。

6、使用目录欢迎入口集成使用目录欢迎入口集成，直接登陆报表主页或者目录就相当于将FineReport的App嵌入到自己的App当中，当需要进入到FineReport App的时候，只需要发送相应的用户名密码验证即可登录到FineReport App的主页或者目录页当中，接口如下：Intent welcomeIntent = new Intent(this, LoadAppFromWelcomeActivity.class); welcomeIntent.putExtra("username", "demo"); // 数据决策系统 用户名 welcomeIntent.putExtra("password", "demo"); // 数据决策系统 用户密码 welcomeIntent.putExtra("serverIp", "http://www.finereporthelp.com:8889/app/ReportServer"); // 数据决策系统 地址ip welcomeIntent.putExtra("serverName", "demo服务器"); // 数据决策系统 名称 startActivity(welcomeIntent);注：如果服务器系统中设置了主页，那么登录完成之后就跳转到主页，如果没有设置主页，就直接显示目录页。