反馈已提交

网络繁忙

You are viewing 5.1 help doc. More details are displayed in the latest help doc.

HTML5 Access Dashboard / BI Project

  • Recent Updates: August 30, 2022
  • 1.Overview

    Version 1.1

    FineBI version  JAR package versionHTML5 mobile display plugin
    5.02018-12-20 V10.1.02
     5.12019-06-04V10.2.21
    2020-01-15
    V10.4.49 and later versions

    Note: The JAR package is FineBI between 2019-06-04 and 2020-01-15, and the HTML5 mobile display plug-in version can be between V10.2.21 and V10.4.49.

    1.2 Application scenarios

    • After setting the mobile home page or directory in the data decision system, the user wants to view the effect on the HTML5 side and use the mobile browser to access the corresponding link.

    • After the template is created, the user wants to visit the link generated on the PC side to view the effect of the template on the HTML5 side, and use a mobile browser to access the corresponding link.

    1.3 Function introduction

    Mobile browsers can view the effect of the home page, directory, and dashboard on the HTML5 side by visiting the corresponding links.

    2. Install HTML5 mobile display plugin

    Install or upgrade FineBI to the corresponding version according to the version requirements in Chapter 1.1 of this article . For version installation and upgrade, please refer to the  5.0&5.1.1 Upgrade Guide

    The administrator enters the data decision system, clicks Management  > Plugin , searches for HTML5mobiledisplay , selects the plug-in and clicks Install . After the plugin is successfully installed, it will be displayed in "My Plugins" on the right.

    As shown below:

    Note: The "HTML5 Mobile Plugin" version needs to install the corresponding FineBI version according to the version requirements in Chapter 1.1 of this article.


    3. How to use HTML5 on mobile

    Note 1: When the mobile terminal accesses the corresponding link, it should be ensured that the mobile terminal and the PC terminal are in the same network environment.

    Note 2: IP and port number should be modified to: actual IP, actual port name.

    Note 3: For users, please refer to the "version" requirements in section 1.1 of this article. The JAR package needs to correspond to the version of the HTML5 mobile display plugin to achieve the corresponding function.

    3.1 JAR package before 2020-01-15

    Before the JAR package is 2020-01-15, users can view the effect of the platform and dashboard on the HTML5 side by visiting the links shown in the following table:

    Preview methodClassificationSceneslink format
    HTML5
    platform
    log in pagehttp://ip:port/webroot/decision/url/mobile#/login
    catalog pagehttp://ip:port/webroot/decision/url/mobile#/directory
    Leaflet Dashboardpreview link
    http://ip:port number/webroot/decision/url/mobile/bi/view?id=xxx
    public linkhttp://ip:port number/webroot/decision/url/mobile/bi/share?id=xxx&link=xxx
    An example is shown below:

    1) Login page

    The link to the PC-side data decision system is: http://localhost:37799/webroot/decision

    For mobile access, it needs to be modified to: http://192.168.120.112:37799/webroot/decision

    2) Directory page

    The directory link of the PC-side data decision system is: 

    http://localhost:37799/webroot/decision#management/directory

    For mobile access, it needs to be modified to: 

    http://192.168.120.112:37799/webroot/decision/url/mobile#/directory

    Note: When accessing the directory page, you need to log in for the first time. If there is a Token in the cache, you can directly enter the directory page.  

    3) Access Leaflet Dashboard

    The mobile terminal can also directly access the single dashboard through the link, and the way to obtain the dashboard link on the PC terminal is the preview link and the public link .

    The links obtained in both ways need to be modified to the specified format before they can be accessed on the mobile terminal.

    • preview link

    Note: When accessing the dashboard preview link page, you need to log in for the first time. If there is a token in the cache, you can directly enter the dashboard page. 

    When previewing the dashboard on the PC side, you can directly obtain the preview link of the dashboard in the address bar of the browser, as shown in the following figure:

    Example links are:

    http://localhost:37799/webroot/decision/v5/design/report/34a2382b2fbe4f139abb9e65e975b507/view

    Note: "34a2382b2fbe4f139abb9e65e975b507" in the example link corresponds to the "id" in the preview link format.

    When accessing from the mobile terminal, it needs to be modified as follows:

    http://192.168.120.112:37799/webroot/decision/url/mobile/bi/view?id=34a2382b2fbe4f139abb9e65e975b507

    • public link

    On the dashboard node on the PC side, you can  obtain the link and share the dashboard by share the dashboard through the public link  . As shown below:


    The example link is:

    http://localhost:37799/webroot/decision/link/36pY

    When accessing from the mobile terminal, it needs to be modified as follows:

    http://192.168.120.112:37799/webroot/decision/url/mobile/bi/share?id=34a2382b2fbe4f139abb9e65e975b507&link/36pY


    Note 1: IP and port number should be modified to: actual IP, actual port name.

    Note 2: "34a2382b2fbe4f139abb9e65e975b507" in the example link corresponds to the "id" in the public link format.


    3.2 JAR package for 2020-01-15 and later

    JAR packages for 2020-01-15 and later:

    • If users want to check the effect of the platform on the HTML5 side, please refer to Section 3.1 of this article.

    • If the user wants to view the effect of the dashboard on the HTML5 side. The link format is shown in the following table:

    Preview methodClassificationScenesLink to get
    HTML5 Leaflet Dashboardpreview linkAfter obtaining the PC access link, modify the IP and port number to the actual IP and the actual port name respectively, and then the mobile browser can directly access the modified link.
    public linkAfter obtaining the PC access link, modify the IP and port number to the actual IP and the actual port name respectively, and then the mobile browser can directly access the modified link.

    4. Special parameters that can be added to the URL

    When the H5 side accesses the dashboard or project, parameters can be added after the URL to achieve some special effects. The supported parameters are summarized below:

    Note: To add parameters after the URL, you need to add a question mark "?" first.

    parameter
    FunctionMobile Display Plugin Supported Versions
    force_web=trueForce PC Layout10.4.49 and later
    fine_digital_signature=Digital Signature KeyAdd digital signature key10.4.45 and later
    fine_orientation=landscapeForce landscape10.4.45 and later

    5. Precautions

    5.1 A left-pointing arrow appears below the dashboard

    When previewing H5, a left-pointing arrow appears below the template. This is because the browser window is too wide, and it is recognized as a horizontal display effect.

    The solution is to change the browser window size.

    5.2 Close the developer program

    HTML5 allows to turn off the developer program, and users can manually turn off whether to join the product improvement program to further protect user privacy.

    The super administrator can turn off whether to join the product improvement plan through the "fine_conf_entity visual configuration plugin". The settings take effect after restarting the server.

    Note: For the method of modifying the field value of the FineDB database table, please refer to the  modification of common table fields in FineDB  .

    configuration itemModify the rules
    Html5Config.isJoinProductPlan

    The parameter value needs to be boolean, the default is true

    false: turn off the developer program

    true: enable the developer program

    5.3 The dashboard cannot be viewed and the template has been deleted

    Error details:

    The dashboard made on the computer cannot be viewed on the mobile phone, and it displays "This template has been deleted".

    solution:

    No registered lic. For the registration steps, please refer to: Local Machine Information Authentication

    Attachment List


    Theme: Mobile Terminal
    Already the First
    Already the Last
    • Helpful
    • Not helpful
    • Only read

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

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

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

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

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

    不再提示

    10s后关闭