Forum Discussion
Deploy Angular and Spring Boot application and Custom Fabric Workload
Hi,
I want to create a Custom Fabric Workload for an application whose Frontend is Angular and Backend is Spring Boot. I don't see any sample projects other than React and.NET.
Can you provide me with any sample project written in Angular and Spring Boot? Or guide me to develop a custom Fabric workload for an Angular and Spring Boot application?
Hi SureshG , Thank you for reaching out to the Microsoft Community Forum.
Please check the below links for your reference and share your thoughts:
Spring boot + Angular - Sample Project - Github
Extend the Microsoft Fabric frontend
If this helped solve the issue, please consider marking it “Accept as Solution” so others with similar queries may find it more easily. If not, please share the details, always happy to help.
Thank you.
12 Replies
Hi SureshG ,
I get what you’re trying to do. Actually, there’s not a lot of ready-made samples out there for Angular frontend with Spring Boot backend on Fabric, you’re right. But good news is, you can still deploy it by using the same logic as .NET or React templates, just gotta adapt a bit for your stack.
Here’s a rough approach:
- Package your Angular app separately, usually with ng build, and serve the static files from the Spring Boot backend (like using Spring’s static resource mapping).
- Your Spring Boot backend will be your main API, and you deploy this as a container workload in Fabric. Just make sure both frontend and backend are in the same image or deploy them as two separate ones, up to you.
- For custom workload, you’ll need to create a YAML or ARM template that defines your workload with both services. Use the .NET or React samples as a reference for the structure, but swap in your own Docker images.
I’ve done similar stuff with different combos, so if you get stuck on any config or deployment step, just ask. If you need a starting sample, I’d recommend generating a new Angular project, a separate Spring Boot app, Dockerize both, and then start from there.
If my response resolved your query, kindly mark it as the Accepted Solution to assist others. Additionally, I would be grateful for a 'Kudos' if you found my response helpful.
Hi,
Thank you for the suggestion. I will try it and let you know.
Hi,
Could you share your configuration files for reference? I did follow the .NET and React sample. I can see my custom workload in app.fabric.microsoft.com. The frontend is not opening when I click on the "playground" link to open it via "workloadClient.page.open" method.
Thanks,
Hi
Did you get chance to review the following link (in case if missed)
Hi,
Yes, I have gone through the link before posting my question here. The Frontend example is on React. I have replicated this in the Angular project, but "workloadClient.page.open" does not open the page.
Thanks,
Hi SureshG , Thank you for reaching out to the Microsoft Community Forum.
Please check the below links for your reference and share your thoughts:
Spring boot + Angular - Sample Project - Github
Extend the Microsoft Fabric frontend
If this helped solve the issue, please consider marking it “Accept as Solution” so others with similar queries may find it more easily. If not, please share the details, always happy to help.
Thank you.
Hi,
Yes, I have gone through this link before posting a message in the community forum. This link has sample React code. I am looking for sample code for Angular.
Hi SureshG , I wanted to check with you and see if the provided information was useful. If any of it helped resolve your question, consider marking it as "Accept as Solution" to make it easier for others to find. Let me know if there's anything else I can assist with!
Hi SureshG , I hope you're doing well! Just checking in to see if you had a chance to review the details shared earlier. If any of the information addressed your needs, feel free to mark it as "Accept as Solution" to help others in the community. Please let me know if you have any further questions!
Hi SureshG , Hope you're doing okay! May we know if it worked for you, or are you still experiencing difficulties? Let us know — your feedback can really help others in the same situation.
