关于课程项目的一些思考

来源:7-8 质量保证 - 如何实现主子应用测试

猫居六合

2023-12-06

1 都说微前端是可以独立开发和独立部署的,但是课程项目中没有体现出来,所有代码都在一套项目代码里面;我理解的项目应该是这样的图片描述
主应用对应的是main目录,微前端框架/容器对应micro目录,四个子应用的目录对应不同的子应用目录;
对于项目的代码管理,我是否可以理解为这样:micro发布到npm仓库;主应用+子应用应该有5个对应的git仓库(真实的项目代码);发布平台为独立的应用(前端+后端),只负责运维发布部署;

以子应用react15为例,
假如同事A负责react15这一个子应用,他只需要按照子应用的业务逻辑进行开发,然后部署到localhost:9002(当然需要设置子应用的生命周期和全局状态);
同事B负责主应用,只需要知道subNavList中react15子应用的信息;不需要管子应用的具体代码和部署,也就是代码中subNavList部分;对应的,同事B部署主应用到localhost:8080;localhost:8080也就是整体的用户访问入口;

对于发布平台来说:实际生产环境下应该部署到项目环境下的地址,那么主应用是否也要根据运行环境来设置subNavList?

希望老师能提出指导,期待回复

写回答

1回答

yancy

2023-12-06

这个理解是正确的,对于微前端来说,不需要关注子应用的实现是什么,只需要将子应用注册到主应用里并且做好对应的改造就可以完成渲染。

项目的拆分也是正确的,只关注自己的一个项目就可以。课程之所以这么设计是为了凸显微前端的技术无关性。

至于环境这块儿的内容,主应用不需要关注,只需要注册子应用实际的使用地址就可以,在开发过程中可以通过代理的方式将子应用的资源代理到本地服务中。

0
0

从0打造微前端框架,实战汽车资讯平台

专为2~5年前端工程师打造的架构能力提升课

791 学习 · 204 问题

查看课程