umi框架集成进 uportal 插件

使用方式

• 在需要集成进 uportal 的 umi 工程中安装 @fishx/umi-uportal

  $ yarn add @fishx/umi-uportal

• 修改 umi 工程的 .umirc 配置文件

1. 开启缓存路由功能

   export default {
     history: 'memory',
   }

开启缓存路由的目的是为了防止子工程集成进 uportal 之后，子工程路由的切换会影响主工程的路由。

2. 配置插件

   export default {
     plugins: [
       ['@fishx/umi-uportal', {
         integrateName: 'ucc2',
         fileList: [
           '/ipcc/socket.io.min.js',
           '/ipcc/PubSub.js',
           '/ipcc/agent-client-7.2.6.1.js',
           '/ipcc/adapter.min.js',
           '/janus/janus.js',
           '/umi.js',
           '/umi.css',
         ]
       }]
     ],
   }

插件需要传入两个参数，`integrateName` 和 `fileList`:
-  `integrateName` 
   用来指定挂载到 window 对象上的对象，这个对象上面会提供一个 render 方法，传入指定的id选择器，就可以调用该方法在指定的id容器内渲染出umi的内容。

uportal打开新标签的时候正是通过window[integrateNmae].render(selector) 的方式来渲染umi工程的。