# 集成登录EB组件配置说明

来源快照：`result_data_new_260518.json`

- 来源 ID：`1175753804367822869`
- 模块：集成中心
- 目录：集成登录 - 后台维护 - 功能点说明
- space ID：`1158011075224911873`
- 原文链接：未提供
- 产品基线：未提供

## 正文

# 一、功能介绍

**注意：需要购买统一认证****-****集成登录功能。**

集成登录提供应用单点组件，可供门户、低代码平台配置页面时使用。

# 二、功能概述以及使用说明

## 1、功能权限

需要有集成登录权限

路径：【后台管理中心】-【权限管理中心】-【角色设置】-【角色列表】-【功能权限】-【集成登录】

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407827614392327&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

## 2、功能入口

入口1：在前台 门户-设置-门户库，对应门户点击“设计”按钮**（对应门户需开启 启用 开关才能使用）**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407050116259842&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

入口2：在后台管理中心-应用中心-门户-门户库，点击对应门户“设计”按钮**（对应门户需开启 启用 开关才能使用）**

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407093225316353&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

##  3、配置说明

### 3.1、集成登录EB组件

通过入口1或入口2进入门户元素页面后，左侧组件中搜索“集成登录”并点击，根据需求在组件右侧页面设置元素内容，配置完成后点击保存。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407114699325444&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

最终前台效果展示：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407157556723716&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

### 3.2、导航面板EB组件

通过入口1或入口2进入门户元素页面后，左侧组件中搜索“导航面板”并点击：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407178939285524&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

根据实际要求在组件右侧页面设置属性以及样式，配置完成后点击保存。

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407200653606919&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

（1）事件配置可直接配置地址：复制对应集成登录应用的单点登录地址进行粘贴

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407221967855621&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

（2）事件配置可选择菜单：选择集成登录应用菜单

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407243591114758&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

（3）事件配置，动作可选择JavaScript，配置如：

window.open("/release/second/sp/integration/loginSingle/freepass?appId=3cc0c39691f8456688e83fad93259047")

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407286367199237&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

**注意：若是****iframe****内嵌（比如：云桥、钉钉、企微里面内嵌），必须使用****EB****组件****-****事件配置****JavaScript****，才能实现单点，不然会单点失败或空白。**

** **

前端展示效果：

![](https://weapp.eteams.cn/papi/file/preview?fileId=1234407307888967694&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)
