HTML5端如何存取FineBI

1.1 版本

1.2 應用場景

本文介紹在 HTML5 端查看 FineBI 的方法，使用行動瀏覽器存取儀表板或工程。

2.1 安裝插件

想要在 HTML5 端存取 FineBI，需要先安裝一個插件：「HTML5行動端展現」

安裝方法：管理者進入「管理系統>插件管理」，搜尋「HTML5 行動端展現」，勾選該插件後點選安裝，安裝成功後在右側顯示

2.2 行動端存取

注：行動端存取相應連結時，應保證行動端與 PC 端處於同一網路環境下。

行動端存取時各連結格式如下表所示：

給出一些範例：

1）登入頁面

PC端FineBI的連結為：http://localhost:37799/webroot/decision

行動端存取時連結需修改為：http://172.16.2.134:37799/webroot/decision

2）目錄頁面

PC端FineBI的目錄連結為：http://localhost:37799/webroot/decision#management/directory

行動端存取時需修改為：http://172.16.2.134:37799/webroot/decision/url/mobile#/directory

注：存取目錄頁面時，第一次進入需要先登入，如果快取中有 Token ，可以直接進入目錄頁面。  

3）存取單張儀表板

行動端也可以直接透過連結存取單張儀表板，PC端獲取儀表板連結的方式分別為「預覽連結」和「公共連結 」。

兩種方式獲取的連結均需要修改為指定格式才能在行動端存取。

• 預覽連結

在 PC 端預覽儀表板時，可以在瀏覽器的地址欄直接獲取該儀表板的預覽連結，例如：

http://localhost:37799/webroot/decision#/analysis/own/subject/1eb0a55669aa42d897da0727fa97e3b7/report/7ac6074f123b4f79b09ec7d730aa5c6a
注：末尾的 7ac6074f123b4f79b09ec7d730aa5c6a 是儀表板的ID，寫行動端連結要用到。

行動端存取時連結如下修改，連結中附帶了儀表板ID：

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

• 公共連結

儀表板可透過生成公共連結的方式分享給他人查看，如下圖所示：

範例：

PC端生成的公共連結為：http://localhost:37799/webroot/decision/link/pUHK

行動端存取時連結修改下IP：http://192.168.43.102:37799/webroot/decision/link/pUHK

H5 端存取存取儀表板或工程時，URL 後面可以加參數實現一些特殊效果，參數寫法和作用如下：

4.1 儀表板下方出現左向箭頭

H5 預覽時，範本下方出現左向箭頭，這個是瀏覽器視窗過寬，識別成了橫屏展示效果。

解決方案就是改變瀏覽器的視窗大小。

4.2 關閉開發者計劃

HTML5 允許關閉開發者計劃，使用者可以手動關閉是否加入產品改良計劃，進一步的保護使用者的隱私安全。

超級管理者可透過「fine_conf_entity視覺化配置插件」關閉是否加入產品改良計劃。重啟伺服器後設定生效。

注：修改 FineDB 資料庫表欄位值的方法請參考 FineDB 常用表欄位修改 。

4.3 儀表板無法查看提示該範本已被刪除

報錯詳情：

在電腦端做的儀表板，手機端無法查看，顯示「該範本已被刪除」。

解決方案：

沒有註冊 lic 。關於註冊步驟，詳情請參考：本地機器資訊認證 。