Skip to content

升级前端

Pangea1.0前端升级到Pangea2.0采用微前端集成的方式,将1.0的页面嵌入到2.0框架中,这样,就可以达到及兼容1.0的页面显示,又能通过2.0赋予的新能力进行页面开发。前端部分升级主要分为以下两个步骤:

  1. 将1.0的前端页面迁移到react版本微应用脚手架中。
  2. 在2.0框架中配置1.0需要展示页面的菜单。

前端页面迁移

Pangea提供react版本微应用脚手架,脚手架地址如下: http://gitlab.hisense.com/Pangea/Pangea-Cloud/frontend/pangea-micro-react.git

迁移前端代码

将1.0框架/src/routes文件夹中的前端代码拷贝到微应用脚手架/src/routes文件夹中。

配置路由

在微应用脚手架/src/common/navData.js文件配置路由信息。

json
export const navData = [
  // path 路由:会在在前面添加 /:appCode
  {
    name: 'group', // 页面英文名称
    path: '/base/group', // 页面路由,生成路由时会在前面添加/:appCode前缀
    folder: 'Base/group', // 页面组件文件夹 /src/routes/Base/group
  }
];

配置菜单

维护微应用

参考微应用管理章节。

配置应用菜单

参考应用管理章节中配置应用菜单部分。配置应用菜单时,选择微应用菜单类型。