This project implements micro frontends using angular CLI
This project includes a git submodule, so add --recursive
to clone command: $ git clone --recursive [this_repo_url]
If you omitted the --recursive
flag on clone, you can still add the submodule via [project-root]$ git submodule update --init --recursive
https://www.npmjs.com/package/@angular-architects/module-federation
https://blog.briebug.com/blog/micro-frontends-angular
https://github.com/oktadev/okta-angular-microfrontend-example
https://github.com/angular/angularfire/blob/master/docs/auth.md
This project has four separate angular applications, one of which is a remote submodule.
- admin
- dashboard
- mfe-amogus (remote submodule)
- shell - host application
[project-root] $ npm run run:all
- starts the three colocated applications
The remote submodule also needs to be started:
[project-root]/projects/mfe-amogus $ ng serve
Just run the batch file...
> .\deploy_docker.bat
Remote modules need to ensure that their app-routing.moudles.ts
are updated to specify routes