最新历史版本 :HTML5端如何访问FineBI 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 版本

FineBI 版本功能变更
6.0-

1.2 应用场景

本文介绍在 HTML5 端查看 FineBI 的方法,使用移动浏览器访问仪表板或工程。

2. 操作方法编辑

2.1 安装插件

HTML5 端访问 FineBI,依赖两个插件:HTML5移动端展现、BI6.0移动端布局编辑界面H5

管理员进入「管理系统>插件管理」,搜索并安装这两个插件,务必将插件升级到最新

2.2 移动端访问

注:移动端访问相应链接时,应保证移动端与 PC 端处于同一网络环境下。

移动端访问时各链接格式如下表所示:

预览方式分类场景链接格式
HTML5
平台
登录页面http://ip:端口号/webroot/decision/url/mobile#/login
目录页面http://ip:端口号/webroot/decision/url/mobile#/directory
单张仪表板预览链接
http://ip:端口号/webroot/decision/url/mobile/bi/view?id=xxx
公共链接http://ip:端口号/webroot/decision/link/xxxx

给出一些示例:

1)登录页面

PC端FineBI的链接为:http://localhost:37799/webroot/decision

移动端访问时链接需修改为:http://172.16.2.134:37799/webroot/decision

Screenshot_20220930_134656_com.tencent.wework.jpg

2)目录页面

PC端FineBI的目录链接为:http://localhost:37799/webroot/decision#management/directory

移动端访问时需修改为:http://172.16.2.134:37799/webroot/decision/url/mobile#/directory

注:访问目录页面时,第一次进入需要先登录,如果缓存中有 Token ,可以直接进入目录页面。  

Screenshot_20220930_134920_com.tencent.wework.jpg

3)访问单张仪表板

移动端也可以直接通过链接访问单张仪表板,PC端获取仪表板链接的方式分别为「预览链接」和「公共链接 」。

两种方式获取的链接均需要修改为指定格式才能在移动端访问。

  • 预览链接

在 PC 端预览仪表板时,可以在浏览器的地址栏直接获取该仪表板的预览链接,例如:

http://localhost:37799/webroot/decision#/analysis/own/subject/e5c58a91c26143299551ba73d856242f/report/c2594718581f493f951f055b0f3122f6
注:末尾的 c2594718581f493f951f055b0f3122f6 是仪表板的ID,写移动端链接要用到。

Snag_4d2db469.png

移动端访问时链接如下修改,链接中附带了仪表板ID:

http://192.168.43.102:37799//webroot/decision/url/mobile/bi/view?id=c2594718581f493f951f055b0f3122f6

  • 公共链接

仪表板可通过生成公共链接的方式分享给他人查看,如下图所示:

Snag_4d47c245.png

示例:

PC端生成的公共链接为:http://localhost:37799/webroot/decision/link/pUHK

移动端访问时链接修改下IP:http://192.168.43.102:37799/webroot/decision/link/pUHK

3. URL特殊参数编辑

H5 端访问访问仪表板或工程时,URL 后面可以加参数实现一些特殊效果,参数写法和作用如下:

参数
作用
?force_web=true强制 PC 布局
?fine_digital_signature=数字签名密钥添加数字签名密钥

4. 注意事项编辑

4.1 仪表板下方出现左向箭头

H5 预览时,模板下方出现左向箭头,这个是浏览器窗口过宽,识别成了横屏展示效果。

解决方案就是改变浏览器的窗口大小。

1608688335752161.png

4.2 关闭开发者计划

HTML5 允许关闭开发者计划,用户可以手动关闭是否加入产品改良计划,进一步的保护用户的隐私安全。

超级管理员可通过「fine_conf_entity可视化配置插件」关闭是否加入产品改良计划。重启服务器后设置生效。

注:修改 FineDB 数据库表字段值的方法请参考 FineDB 常用表字段修改 。

配置项修改规则
Html5Config.isJoinProductPlan

参数值需为布尔型,默认为true

false:关闭开发者计划

true:开启开发者计划

4.3 仪表板无法查看提示该模板已被删除

报错详情:

在电脑端做的仪表板,手机端无法查看,显示「该模板已被删除」。

解决方案:

没有注册 lic 。关于注册步骤,详情请参考:本地机器信息认证 。