This is a basic prototype consisting of a composer service and several micro frontend components.
Node.js
(Version 14 or newer) and Go
have to be installed. If you want to build the react component (fourth component), yarn
is required.
Run npm install
in the root directory.
To build the react component, navigate to the respective folder cd fourth-component
and run build.sh
.
Run npm start
in the root directory, this will start the composer service and all components. The composer listens on localhost:9000
.
Create a new folder with an index.js, which runs a web server on a specific port. Basic example:
import http from 'http';
const port = process.env.PORT || 9004;
http.createServer(function (req, res) {
res.writeHead(200, {'Content-Type': 'text/plain'});
res.write('<div>Hello world from component 2!</div><br />');
res.end();
}).listen(port);
In addition, add a new fragment to ./dom.js
. The fragment number will determine the port number where the composer service will look for the component, so make sure these are matching (e.g. fragment4
and port = 9004
).
If the component should be started automatically, add it to the start script in package.json
.