反馈已提交

网络繁忙

HTML5端访问FineBI

  • 文档创建者:doreen0813
  • 编辑次数:24次
  • 最近更新:Alicehyy 于 2022-11-21
  • 1. 概述

    1.1 版本

    FineBI 版本HTML5 移动端展现插件版本
    6.0V11.0.68
    6.0.3V11.0.73

    1.2 应用场景

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

    2. 操作方法

    2.1 安装插件

    想要在 HTML5 端访问 FineBI,需要先安装一个插件:「HTML5移动端展现」

    安装方法:管理员进入「管理系统>插件管理」,搜索「HTML5 移动端展现」,勾选该插件后点击安装,安装成功后在右侧显示

    Snag_4c97766f.png

    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端数据决策系统的链接为:http://localhost:37799/webroot/decision

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

    Screenshot_20220930_134656_com.tencent.wework.jpg

    2)目录页面

    PC端数据决策系统的目录链接为: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=数字签名密钥添加数字签名密钥
    ?fine_orientation=landscape强制横屏

    4. 注意事项

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

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

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

    1608688335752161.png

    4.2 关闭开发者计划

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

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

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

    配置项修改规则
    Html5Config.isJoinProductPlan

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

    false:关闭开发者计划

    true:开启开发者计划

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

    报错详情:

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

    解决方案:

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

    附件列表


    主题: 移动端
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!

    售前咨询电话

    400-811-8890转1

    在线技术支持

    请前往「服务平台」,选择「在线支持」

    热线电话:400-811-8890转2

    在线QQ(将在2023.01.05关停):800049425

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭