{"id":19578142,"url":"https://github.com/0xr/micro-frontend","last_synced_at":"2025-10-03T18:44:24.055Z","repository":{"id":36741212,"uuid":"41047811","full_name":"0xR/micro-frontend","owner":"0xR","description":"Exercises for course \"Integrating microservices on the frontend\"","archived":false,"fork":false,"pushed_at":"2016-09-05T15:33:03.000Z","size":144,"stargazers_count":3,"open_issues_count":2,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-09T04:50:01.584Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/0xR.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-08-19T17:02:20.000Z","updated_at":"2022-02-06T15:15:41.000Z","dependencies_parsed_at":"2022-09-07T12:11:04.076Z","dependency_job_id":null,"html_url":"https://github.com/0xR/micro-frontend","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xR%2Fmicro-frontend","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xR%2Fmicro-frontend/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xR%2Fmicro-frontend/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/0xR%2Fmicro-frontend/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/0xR","download_url":"https://codeload.github.com/0xR/micro-frontend/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240848987,"owners_count":19867615,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-11T07:09:56.060Z","updated_at":"2025-10-03T18:44:23.964Z","avatar_url":"https://github.com/0xR.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Exercise 1\n==========\nWe currently have a monolithic application called `main-application` it is using angular routing to load in a \ncheckout page. We want to make a new checkout service which has a different view and different logic. It should be\npossible to deploy the services separate from each other. In this exercise we are going to integrate the new\n service using angular templates which are ajax'ed by angular by default.\n\nA load balancer/reverse proxy has to be configured to ensure both service run on the same port. Load balancers\ncan do url rewriting as well.\n\n1. Run `npm install` in `main-application/` and `proxy/`\n2. Run `npm start` in main-application\n3. Browse to the clientside checkout tab on `localhost:3000`\n4. Create a server serving an angular controller and a template (tip: look at the default placeholder, use `nws` to \nmake a simple web server: `npm install -g nws`)\n5. Edit `proxy/index.js` to ensure both application are running on the same port. It might be needed to do url rewriting.\n6. Run the proxy with `npm start` in `proxy/`\n*NOTE* that the server will reload automatically when index.js is changed.\n7. See the results on `localhost:5000`\n8. (optional) update the load balancer to load in a service from a different participant.\n\nExercise 3\n==========\nWe realised that we need to integrate the checkout page using server side integration. We are going to use compoxure to\ndo this.\n\n1. Add a compoxure include statement on the serverside checkout page at './main-application/app/checkout-server/checkout.html'\n2. Configure compoxure in `compoxure-server/config.json`\n3. Make sure redis is running\n4. Start compoxure by running `npm start` in `compoxure-server/`.\n5. See the results on `localhost:5000`\n6. (optional) update the include tag to load in a service from a different participant.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xr%2Fmicro-frontend","html_url":"https://awesome.ecosyste.ms/projects/github.com%2F0xr%2Fmicro-frontend","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2F0xr%2Fmicro-frontend/lists"}