I Jeriah,

can you give me an example? I already have an Angular 13 app and I would to integrate in my Umbraco 10 website

This is the files structure...where i must put all angular files/folder?

Thank you Adriano

OK I found the answer :-)

It works like a charm.

Thank you Adriano

Please share it here so others can use as benchmark

What if I want to put it inside the umbraco cms and not as a published site outside the CMS, i want it inside along with multiple other projects. that i can shuffle through, please assist

Hi Rami,

I know what you want to do but this is the only way (for now) I found to integrate Angular App in Umbraco (no manage).

This is the steps:

• Create in wwwroot folder an angular folder that will contain all angular projects
• Create the app folder and copy here all angular app files
• In Umbraco, create a simple document type (I created it with no fields) and the template (this is the content of the index.html) for your angular app (in my case Angular - Protocollo DS) and update all URL to your app (in my case rows 16, 35, 37, 42, 43, 44 and 45)
• In Umbraco, create a the content node for your angular app and check that the URL of each one are correct
• Finally you must update the file path in the main.js file

That's all.

Now when you update your angular app, you must only copy or update the new files in the wwwroot/angular/YOURAPP/ folder and update the file path in the main.js file.

I hope this help you

Adriano

hello Adriano Fabri

is there a GitHub repo you can give me to understand how it build

Hi alaa,

I have not created a github repository for publishing Angular applications inside Umbraco.

Moreover, compared to what I had indicated in the thread, over time I have also improved the publication and updating of Angular applications in Umbraco.

What I could do, if it's okay for you, is to provide a series of example's files and related screenshots of the configuration in Umbraco of the document type/Template/Partial Views that can help you to understand how publish Angular Applications using Umbraco

It will take me a while but it could definitely help you understand better all the stages

Adrian

sure that would be great I have been struggling to find code or any articles about this if you can explain to me in steps how to build an Umbraco project with angular that would be great

any update

Hello Adriano I've followed this post and it works for my. At the and, you explain about, II need to update the paths in main.js

For this demo, I've built my angular project only with any changes. Only template that angular create by default.

I have doubt. Where is the paths in the main.js? For example, this is my file content in main.js

Can you guide me please? Nelson

Working for me.

Great Solution!!!!

Thank you so much for sharing!!

You can done it in some ways:

• directly in template before rendering the page
• using a custom external method called before rendering the page
• creating a custom RestAPI (C#) that manage the access (integrated with the Umbraco Members Authentication) that you can use in your angular app
• or manage the access directly from angular (for example in the past I used the ADFS authentication cookie to check if user is logged and I put in the environment file the list of enabled user)

Adriano

Sure...in content section you can create one homepage node for every website and assign to each one a differnt host name using the "Culture and Hostnames" functionality