App 快速預覽單張範本

使用者需要查看 FineReport 製作的範本在行動端的效果時，可透過行動端（App、微信、瀏覽器等）預覽查看。FineReport 提供 HTML5 端、FineMoblie App 兩種行動端預覽方法。本文主要講述如何快速配置  App 預覽單張範本的方法。

注：需在行動端存取範本，需要擁有一個數據決策系統的帳號密碼，具體設定方式請參見：決策系統簡介

1）開啟 FineReport 官網，頁面上方選擇「產品>產品下載」，進入 FineReport 安裝包下載頁面。如下圖所示：

2）行動端下載提供 IOS 版、Android 版、Google Play 三種下載方式，使用者可以自己的實際情況使用手機瀏覽器進行掃碼安裝，如下圖所示：

將 PC 裝置與行動裝置切換至同一網路環境下。有兩種方法：

1）手機給電腦開熱點

2）手機和電腦連結同一熱點

注：為防止電腦 IP 未切換到無線網路的 IP，請拔掉有線網。

4.1 PC 端配置

1）開啟 FineReport 設計器，開啟任意一張普通報表或決策報表，以 產品明細.cpt 為例，選擇「行動端預覽」，如下圖所示：

2）點選行動端預覽後，PC 端瀏覽器顯示頁面如下圖所示：

4.2 App 配置伺服器

1）安裝完成後，首次開啟 App ，將會彈窗提醒：登入前，您可以在伺服器設定中新增伺服器，點選「立即設定」，如下圖所示：

2）點選「建立伺服器」或傳回主介面點選「伺服器>建立伺服器」，直接掃瞄上一步中生成的QRCODE，如下圖所示：

4.3 App 登入伺服器

點選「建立伺服器」右上角符號，確認建立伺服器資訊；在 App 登入頁輸入帳號和密碼。以 FineReport 設計器內建使用者 Alice 為例，其帳號和密碼分別為：Alice，123456。App 登入成功後，即可跳轉到範本頁面，效果如下圖所示：

5.1 問題描述

行動端預覽時，掃瞄QRCODE後提示：「伺服器連結失敗」或「無法開啟網頁」，如下圖所示：

5.2 原因分析

5.2.1 未配置網路環境

原因分析：未配置行動裝置與與電腦處於同一網路環境下。

解決方法：詳情請參見本文第 3 節。

5.2.2 防火牆阻攔

原因分析：若確認已經按照文檔流程操作且應用配置符合要求，該報錯可能是由 Windows 防火牆引起。

解決方案：使用者可直接關閉 Windows 防火牆，再進行行動端預覽操作即可。或按照下文設定 Windows 防火牆開啟未允許埠。

1）開啟「Windows安全中心>防火牆和網路保護>進階設定」，選擇「輸入規則>新增規則」，如下圖所示：

2）設定規則型別為「連接埠」，協定為「TCP」，埠為特定本地連接埠「8075」。儲存即可，如下圖所示：

注：若設定了入站規則仍無法實現，可嘗試將防火牆全部關閉進行行動端掃碼查看。

5.2.3 識別IP錯誤

原因分析：由於電腦短期內連結了多個網路，QRCODE連結中 IP 位址對應的網路與行動裝置所連結的網路並不相同的。

解決方案：CMD 命令提示視窗下輸入：ipconfig /all，即可查看本機實際 IP 位址，將所查到的 IPv4 位址與報表所生成QRCODE下方連結中的 IP 位址比較，如下圖所示：