移动端轻应用

1. 概述

1.1 版本

 FineBI版本轻应用插件版本HTML5移动端展现插件
5.1.21V11.0.62
V11.0.62

1.2 应用场景

该插件改善了用户用手机浏览器浏览 BI 工程的一些使用体验。

以 HTML5 浏览器打开工程查看仪表板返回目录时,经常会点到关闭页面的按钮,大大降低了移动端的用户体验。使用「轻应用」访问工程能够解决这个问题。切换仪表板时需要返回目录,通过「轻应用」设置「底部标签目录」还可以直接在仪表板界面切换目录/仪表板。如下图所示:

2022-04-07_15-15-16.gif

如果轻应用设置的是子目录,目录下仅有仪表板,预览效果如下图所示:

2022-04-07_15-15-53.gif

1.3 功能简介

安装轻应用插件,就可以在 H5 实现目录/仪表板自由切换的效果。

2. 插件介绍

2.1 插件安装

点击下载插件:轻应用管理

设计器插件安装方法请参见:设计器插件管理

服务器安装插件方法请参见:服务器插件管理

2.2 功能介绍

2.2.1 入口

安装插件后,点击「管理系统>轻应用管理」。即可配置移动端 H5 的样式。如下图所示:

2.2.2 服务器

填写服务器地址后要注意「保存」。如下图所示:

  • 该地址需要外网可访问,地址格式为http://域名:端口/decisionhttps://域名:端口/decision,配置后请保存;

  • 如需在微信、钉钉中使用,应该与微信、钉钉管理插件的服务器地址保持一致。

2.2.3 轻应用管理

可以新建,查看,配置轻应用。如下图所示:

2022-03-25_15-35-14.jpg

序号
功能
详情
1新建轻应用

点击进入「应用编辑」界面填写应用信息,「保存」后成功创建。如下图所示:

注:应用编辑界面功能介绍查看 2.2.4 节

2022-03-25_15-48-19.jpg

2已成功新建的轻应用信息

展示已创建的轻应用名称、最后修改时间

注:一个服务器地址,可以配置多个轻应用

3编辑

点击进入「应用编辑」界面,可修改应用信息,完成点击「保存」。如下图所示:

2022-03-25_15-48-37.jpg

4预览

点击在 PC 端直接预览轻应用的移动端效果

5访问链接

点击生成轻应用的访问链接,可「复制链接」发送给移动端查看用户,详情见本文第 4 节

注:未成功服务器地址,新建的轻应用无法「生成链接」预览

6删除

点击删除应用。如下图所示:

2022-03-25_15-49-50.jpg

2.2.4 应用编辑界面

对轻应用的名称、展示内容、展示样式进行编辑。完成后点击「保存」。如下图所示:

完成后,可在「轻应用管理」选择应用,进行移动端效果预览。

2022-03-25_15-48-37.jpg

序号功能名称详情选项详情
1轻应用名称必填项-
2根目录

必填项

仅支持选择目录节点

注:若目录结构设置的「底部标签式目录」,在移动端预览仅支持显示前 6 个

-
  • 选择根目录:目录结构非「底部标签式目录」,显示移动端的目录主页。

  • 选择子目录:直接在底部即可切换仪表板、下级目录

3目录结构目录结构,支持设置不同的移动端目录展示形式。底部标签式目录

可实现在移动端仪表板界面直接点击底部按钮,查看其他仪表板

点击右下角「编辑」可自定义轻应用的目录样式,如下图所示:

2022-03-25_16-55-30.jpg

九宫格
  • 不需要轻应用显示默认目录样式

只在「轻应用」设置「目录结构」即可

  • 实现轻应用自定义目录样式

1)需要保证「移动平台」和「轻应用」的「目录结构」一致。

2)并在「移动平台>目录」设置该目录结构的目录样式。可参考文档:[通用]目录


3. 示例

3.1 设置服务器

1)安装插件。详情查看本文 2.1 节。

2)进入「管理系统>轻应用管理」,填写服务器地址后「保存」。如下图所示:

  • 该地址需要外网可访问,地址格式为http://域名:端口/decisionhttps://域名:端口/decision,配置后请保存;

  • 如需在微信、钉钉中使用,应该与微信、钉钉管理插件的服务器地址保持一致。

3.2 新建轻应用

点击「新建轻应用」进入轻应用编辑界面。如下图所示:

3.3 应用编辑

输入应用的名称「轻应用」,选择目录节点为「根目录」,并选择目录结构为「底部标签式目录」,如下图所示:

注1:若选择其他目录可以在「移动平台>目录」设置该目录结构的目录样式。可参考文档:[通用]目录

注2:若想实现底部切换仪表板,建议将切换的模板放置在同一目录下,并选择该节点的目录。

3.4 底部标签式目录样式设置

1)点击「编辑」,即可自定义底部标签式目录样式。如下图所示:

2022-04-07_11-25-32.jpg

2)样式设置界面中,设置底部标签的背景、默认态、选中态。如下图所示:

2022-04-07_14-59-19.jpg


3)设置目录图标样式。默认为扁平样式。选择「自定义」可以设置底部图标的「默认态」、「选中态」。点击「+」上传图片。如下图所示:

注:如何设置目录图标样式详情可参考:[通用]目录 2.6 节。

2022-04-07_15-00-18.jpg

4)上传好后,点击前 6 个目录,设置默认态和选择态样式。比如,选中「管理驾驶舱」选择「默认态」、「选中态」图标。如下图所示:

2022-04-07_15-03-49.gif

完成后点击两次「保存」。回到轻应用管理界面。

2022-04-07_15-05-14.jpg

3.5 效果预览

点击预览,效果如下图所示:

2022-04-07_15-06-22.jpg

4. 分享轻应用

制作完轻应用。管理员可以让其他用户「直接访问链接查看」、「在目录查看」、「微信钉钉推送链接查看」轻应用。

4.1 生成访问链接

1)点击「生成链接」即可生成访问轻应用的链接。如下图所示:

2022-04-07_15-07-00.jpg

4.2 直接访问

管理员将生成的预览链接点击「复制链接」,分享给其他用户。用户点击链接,即可登录访问「轻应用」。

4.3 目录访问

1)在「管理系统>目录管理」中,选择「目录节点」点击「添加链接」,输出信息,即可挂出轻应用。如下图所示:

注:链接路径是 4.1 节生成的轻应用链接。

2)普通用户查看轻应用,需要管理员在「权限管理>全局设置」开启「分级授权」。如下图所示:

注:若未开启「分级授权」,普通用户打开轻应用显示空白。

3)管理员还需要给普通用户开该目录节点的权限,否则会提示无权限。详情参见:目录查看权限

4.4 微信钉钉访问

若已实现微信钉钉集成,可通过微信管理/钉钉管理「应用快捷配置」的「自定义链接」填写 4.1 节生成的链接,点击「生成链接」并「复制」。如下图所示:

1649993338111578.jpg

此处生成的链接支持在对应的微信/钉钉中成功打开,访问到轻应用。

附件列表


主题: 行動端
已经是第一篇
已经是最后一篇
  • 有帮助
  • 没帮助
  • 只是浏览
  • 圖片不清晰
  • 用語看不懂
  • 功能說明看不懂
  • 操作說明太簡單
  • 內容有錯誤
中文(繁體)

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

獲取幫助
線上支援
獲取專業技術支援,快速幫助您解決問題
工作日9:00-12:00,13:30-17:30在线
頁面反饋
針對當前網頁的建議、問題反饋
售前咨詢
業務咨詢
電話:0933-790886或 0989-092892
郵箱:taiwan@fanruan.com
頁面反饋
*問題分類
不能為空
問題描述
0/1000
不能為空

反馈已提交

网络繁忙