Ufdjrw

Won the lottery - how do I keep the money?

Unreliable Magic - Is it worth it?

How do I transpose the 1st and -1th levels of an arbitrarily nested array?

Is there a difference between "Fahrstuhl" and "Aufzug"

Is there an analogue of projective spaces for proper schemes?

I believe this to be a fraud - hired, then asked to cash check and send cash as Bitcoin

Written every which way

Would a completely good Muggle be able to use a wand?

Make solar eclipses exceedingly rare, but still have new moons

Calculus II Question

Why didn't Khan get resurrected in the Genesis Explosion?

Rotate a column

What happens if you roll doubles 3 times then land on "Go to jail?"

What benefits would be gained by using human laborers instead of drones in deep sea mining?

Is it my responsibility to learn a new technology in my own time my employer wants to implement?

sp_blitzCache results Memory grants

Non-deterministic sum of floats

What can we do to stop prior company from asking us questions?

Indicator light circuit

Can you replace a racial trait cantrip when leveling up?

Why do remote companies require working in the US?

Novel about a guy who is possessed by the divine essence and the world ends?

Why don't programming languages automatically manage the synchronous/asynchronous problem?

What was the first Unix version to run on a microcomputer?

ARM Deployment of an Angular Project to Azure Web App

1

1

How do I publish an Angular Project, using only PowerShell and Azure Resource Manager Templates, to my Azure Web App.

I already did the same with an .Net Core application. I published it in Visual Studio, with ARM and PowerShell, but for Angular projects it seems to be not that easy.

angular azure powershell azure-web-sites azure-resource-manager

share|improve this question

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

add a comment | 

1

1

How do I publish an Angular Project, using only PowerShell and Azure Resource Manager Templates, to my Azure Web App.

I already did the same with an .Net Core application. I published it in Visual Studio, with ARM and PowerShell, but for Angular projects it seems to be not that easy.

angular azure powershell azure-web-sites azure-resource-manager

share|improve this question

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

add a comment | 

How do I publish an Angular Project, using only PowerShell and Azure Resource Manager Templates, to my Azure Web App.

I already did the same with an .Net Core application. I published it in Visual Studio, with ARM and PowerShell, but for Angular projects it seems to be not that easy.

angular azure powershell azure-web-sites azure-resource-manager

share|improve this question

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

angular azure powershell azure-web-sites azure-resource-manager

angular azure powershell azure-web-sites azure-resource-manager

share|improve this question

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

share|improve this question

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

edited Mar 8 at 7:43

Joy Wang

8,3062314

edited Mar 8 at 7:43

Joy Wang

8,3062314

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

asked Mar 7 at 15:23

Johannes SchweerJohannes Schweer

78110

1 Answer
1

active

oldest

votes

1

If i am not wrong, I think we may not be able to do the end-to-end build, publish and deployment activities using ARM templates for Angular project.

But we might be able to accomplish it using PowerShell i.e., with the help of PowerShell script as explained below.

1. Get publish profile details from App service and use it as one of the Input for the script.




2. Run normal npm, ng commands (which are required for typical angular project).



3. 
   

   Publish build and other required artifacts to kudu or web app for deployment.

   
   
   

   3.1. Get Kudu API athorization header value using Invoke-AzureRmResourceAction cmdlet by giving resource type as Microsoft.Web/sites/config, resource name as YOURWEBAPPNAME/publishingcredentials and other required details.

   
   
   

   3.2. Upload file to web app using Invoke-RestMethod cmdlet by giving URI as Kudu API URL and other required details.

   
   

However, I would recommend going with Azure DevOps way or VSCode way (with local Node.js server) which I guess you already might be aware of.

Hope this helps at least up to some extend!! Cheers!!

share|improve this answer

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for your answer. Currently the kudu api is the best option I found. Azure DevOps and Vscode are no option because the deployment should later work as a managed offer in Marketplace.
  
  – Johannes Schweer
  Mar 9 at 14:06
  

  
  
  
  

add a comment | 

Your Answer

StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55047270%2farm-deployment-of-an-angular-project-to-azure-web-app%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

1

If i am not wrong, I think we may not be able to do the end-to-end build, publish and deployment activities using ARM templates for Angular project.

But we might be able to accomplish it using PowerShell i.e., with the help of PowerShell script as explained below.

1. Get publish profile details from App service and use it as one of the Input for the script.




2. Run normal npm, ng commands (which are required for typical angular project).



3. 
   

   Publish build and other required artifacts to kudu or web app for deployment.

   
   
   

   3.1. Get Kudu API athorization header value using Invoke-AzureRmResourceAction cmdlet by giving resource type as Microsoft.Web/sites/config, resource name as YOURWEBAPPNAME/publishingcredentials and other required details.

   
   
   

   3.2. Upload file to web app using Invoke-RestMethod cmdlet by giving URI as Kudu API URL and other required details.

   
   

However, I would recommend going with Azure DevOps way or VSCode way (with local Node.js server) which I guess you already might be aware of.

Hope this helps at least up to some extend!! Cheers!!

share|improve this answer

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for your answer. Currently the kudu api is the best option I found. Azure DevOps and Vscode are no option because the deployment should later work as a managed offer in Marketplace.
  
  – Johannes Schweer
  Mar 9 at 14:06
  

  
  
  
  

add a comment | 

1

If i am not wrong, I think we may not be able to do the end-to-end build, publish and deployment activities using ARM templates for Angular project.

But we might be able to accomplish it using PowerShell i.e., with the help of PowerShell script as explained below.

1. Get publish profile details from App service and use it as one of the Input for the script.




2. Run normal npm, ng commands (which are required for typical angular project).



3. 
   

   Publish build and other required artifacts to kudu or web app for deployment.

   
   
   

   3.1. Get Kudu API athorization header value using Invoke-AzureRmResourceAction cmdlet by giving resource type as Microsoft.Web/sites/config, resource name as YOURWEBAPPNAME/publishingcredentials and other required details.

   
   
   

   3.2. Upload file to web app using Invoke-RestMethod cmdlet by giving URI as Kudu API URL and other required details.

   
   

However, I would recommend going with Azure DevOps way or VSCode way (with local Node.js server) which I guess you already might be aware of.

Hope this helps at least up to some extend!! Cheers!!

share|improve this answer

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Thanks for your answer. Currently the kudu api is the best option I found. Azure DevOps and Vscode are no option because the deployment should later work as a managed offer in Marketplace.
  
  – Johannes Schweer
  Mar 9 at 14:06
  

  
  
  
  

add a comment | 

If i am not wrong, I think we may not be able to do the end-to-end build, publish and deployment activities using ARM templates for Angular project.

But we might be able to accomplish it using PowerShell i.e., with the help of PowerShell script as explained below.

1. Get publish profile details from App service and use it as one of the Input for the script.




2. Run normal npm, ng commands (which are required for typical angular project).



3. 
   

   Publish build and other required artifacts to kudu or web app for deployment.

   
   
   

   3.1. Get Kudu API athorization header value using Invoke-AzureRmResourceAction cmdlet by giving resource type as Microsoft.Web/sites/config, resource name as YOURWEBAPPNAME/publishingcredentials and other required details.

   
   
   

   3.2. Upload file to web app using Invoke-RestMethod cmdlet by giving URI as Kudu API URL and other required details.

   
   

However, I would recommend going with Azure DevOps way or VSCode way (with local Node.js server) which I guess you already might be aware of.

Hope this helps at least up to some extend!! Cheers!!

share|improve this answer

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

share|improve this answer

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827

answered Mar 8 at 13:50

KrishnaG-MSFTKrishnaG-MSFT

58827