「连载五」「运维部署方案」大型应用前端解决方案

运维部署方案

部署
所有部署操作,都在 “Portal 服务注册中心” 完成,可以进行应用管理、参数配置、主题管理(在线同步编辑所有应用 UI 主题)、意见反馈(用于查看操作人员,一键上传的错误代码和界面截屏)

  1. 开发完成后,打上指定标签,提交“版本控制系统”,通知运维人员在“微服务治理平台”上进行容器化部署;
  2. 登录“Portal 服务注册中心”,进行应用新建,填写编码、名称、Icon、URL,并选择前端框架(React、Vue、Javascript、iframe);
  3. 通过可视化界面或代码框,完成菜单 URL 的配置;
  4. 通过可视化界面或代码框,完成菜单权限的配置;
  5. 通知测试人员进行测试。

应用管理列表
菜单权限添加
菜单权限添加
菜单权限编辑

运维
运维部分主要在“微服务治理平台上”完成,这里省略,主要说下怎么通过 Nginx 来完成,子应用的客户端界面的反向代理配置。

    ...
    # 测试应用配置
    location ~/([A-Z]*)/ {
        alias  html/portal-childapp/$1/dist/;
        index  index.html index.htm index.shtml;
    }
    ...
    # 其他微服务配置

上面是通过 Nginx 内置变量,去匹配应用的 CODE(只允许大写字母),从而达到客户端界面的通用代理服务。

评论

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×