Skip to content

iframe反向集成

Pangea 提供了功能丰富的页面设计器可以高效的通过在线配置的方式开发页面,同时,也支持第三方系统通过 iframe 的方式将 Pangea 开发的页面嵌入到系统中。

嵌入要求

第三方系统需集成sso单点登录。若未集成sso,被嵌入 Pangea 页面会跳转到 sso 登录页。

嵌入方式

通过 Pangea 平台页面管理进行页面在线配置开发。在第三方系统前端工程中通过 iframe 嵌入页面。iframe 的 src 路径设置如下: https://pangea-render-web-pangea-2-test-oracle.devapps.hisense.com/pageRender?pageCode=business&system=system&ssoLoginToken=ssoLoginToken&?menuCode=xxx 其中:

  • pageCode 必填,参数为页面编码。
  • system 必填,为系统编码。
  • ssoLoginToken 必填,为 sso 的 token,在 cookie 中获取。
  • menuCode 选填,为 pageCode 绑定的菜单的菜单编码,用于页面内按钮权限控制,若不填写,则默认全部权限。

国际化切换

1.获取 iframe 窗口对象,例:

javascript
const win = document.getElementsByTagName("iframe")[0].contentWindow;

2.postMessage 发送信息

javascript
win.postMessage({ language: "语言编码" }, "*");

其中语言编码 zh_CN 表示中文,en_GB 表示英文。