How to Release an Angular Application Deployed Build to Azure FTP

Introduction 

 

Greetings everybody, it’s good to be back again! Every time one of us tries to do more development, we come with new ideas for sharing knowledge. So, in this article, we will explore how to build and release an Angular application to FTP in Azure. I would like to remind you that in my previous article, we explored how to deploy an Angular application using pipeline in Azure and I have provided the link for the reference.

• Setup A CI/CD Pipeline For Deploying Your Angular Application To Azure And Bitbucket

Now let’s get started. First, make sure that you deployed an Angular application in Azure by using a pipeline with the help of the previous article. In this part, let’s see how to release the build application.

 

Step 1

 

First open your Azure Pipeline and then go-to >> Agent-job and Select >> ‘+’ button and search for “FTP string” and Select >> FTP upload task and then Select >> Add button to FTP in the agent list.

 

 

Step 2

 

The next step is to fill the basic needs for the FTP upload. The basic requirements needed to be fulfilled are to:

• Provide the service method as FTP service connection
• Provide the root folder path and provide FTP service connection

To manage the FTP service connectionm just Click >> Manage button and the page will be automatically redirected to the Service connection page.

Step 3

Now we need to add a new service connection. For that, switch back to app service and download >> getpublish file and provide the details of FTP URL, Username and password with a service connection name, then Select >> save from the bottom of the page.

 

 

 

Step 4

 

Continuing to the next step, now we just need to refresh the service connection to be shown in the FTP connection dropdown list. For that. just switch back to Pipeline agent again and refresh it so we can see the FTP service connection list.

 

 

Step 5

 

After that, we need to fill the FTP with the Root folder “directory”. We can get the build from a previously deployed service.

 

Now provide the remote directory folder root path “/site/wwwroot” content folder file path.

 

The time has come to wrap the things up. Now, we need to save and run the pipeline.

 

Click >> Release button under the pipeline menu and we can see we have the successful build of the application.

 

 

Step 6

 

Select >> Release >> Select New Pipeline and then Select >> Empty job and add the stage name with our own choice like “Angular FTP Release” and then Select >> Add an artifact button.

 

A new window will appear. Now we need to choose a source (i.e. build pipeline) pipeline build whatever we have.

 

The default version will be selected as the default, but we can change the version and specify the one that we want.

 

Finally, Click >> Run at the top right of the page.

 

Schedule a release trigger.

 

Step 7

 

We have a schedule release trigger option under the artifact. If we need the schedule to be released in an hour, days, weeks options the list is available in the schedule.

 

We also have another option named in the scheduler and we can select >> only schedule releases if the source or pipeline have changed.

 

 

The last step of the project is complete. Just Select >> Save this setting and then Click >> Create Release button on the top side of the page. Just we need to select the service connection and pipeline build for creating the release build.

 

 

Finally, you will see your release build was successfully completed. Hopefully this article was helpful!