Skip to content

TechDirectArchive

Hands-on IT, Cloud, Security & DevOps Insights

  • Home
  • About
  • Advertise With US
  • Reviews
  • Contact
  • Toggle search form
Home » AWS/Azure/OpenShift » How to Migrate Azure Web Apps
  • Screenshot 2022 04 27 at 17.51.48
    Remote Desktop Services Setup on Windows Server Windows Server
  • Feature post
    Disable Bing Search in Windows: Quick Guide for Windows Windows
  • Snapshot VMware vSphere
    How to Create a Snapshot on vSphere Web Client Virtualization
  • delete5
    How to Delete Diagnostic Data in Windows 10 and Windows 11 Windows
  • Uninstall SQL Server 2025
    Uninstall Microsoft SQL Server 2025 from Windows Oracle/MSSQL/MySQL
  • WDSMDT
    What are the differences between MDT and WDS Windows Server
  • Feature image OCS inventory
    Install and use OCS inventory on Windows Windows
  • 517443 637286201540125528 16x9 1
    User account and process management in Linux Linux

How to Migrate Azure Web Apps

Posted on 21/03/202323/03/2023 Raphael Gab-Momoh By Raphael Gab-Momoh No Comments on How to Migrate Azure Web Apps
feature-image-app-services

In this article, we will see how developers can create and deploy web apps using the Azure PaaS (Platform as a Service) cloud computing service without having to worry about managing the underlying infrastructure. In particular, Microsoft Azure App Service offers a completely managed platform for developing and deploying web applications. Developers can concentrate on creating code for their applications while Azure takes care of the infrastructure, operating system, and runtime environment with Azure PaaS for web apps. App services support numerous languages including python, go among others. This article will look at how to move or migrate web apps into Azure PaaS which is App Service

Finally, Azure PaaS for web apps offers developers a strong and adaptable platform for developing and deploying web applications in the cloud. This enables them to concentrate on adding value for their users rather than managing infrastructure. Other helpful guides can be found here: How to create Confidential VMs in Azure and Ways to Run PowerShell remotely on Azure VMs also How to Enable Two-Factor Authentication for SSH in Linux and Azure Monitor: Performance and Diagnostics and Ways to Run PowerShell remotely on Azure VMs. In order to satisfy the goal of this topic on how to Migrate Azure Web Apps”, kindly go through all the steps discussed below.

Step1: Get an Azure subscription to migrate web apps

A subscription is important to access Azure resources as it gives a user administrative and authorized right to create or migrate applications from other sources into Azure. Here are the steps to create a subscription:

a) Go to the Azure website: Navigate to https://azure.microsoft.com/ in your web browser.

b) Choose “Start free” or “Create a free account” by clicking on the corresponding buttons. Choose one of them by clicking.

c) Sign into it with your Microsoft account if you have one. Enter your login information. Set up a fresh account by following the instructions if you don’t already have one.

d) Try entering your account information. Your name, email address, phone number, and country or area are among the personal details you must submit.

e) Fill in your payment details: Your payment information, including credit card information, must be provided. But, during the free trial period, there are no fees.

f) Review and accept the terms and conditions. The subscription terms and conditions have been read and are accepted.

g) Click on “Sign up”: Click on “Sign up” to complete the subscription process.

Once your Azure subscription has been set up, you may visit the Azure portal and move on to the next step.

Step 2: Create an Azure App Service for migrating web apps into Azure

a) Make sure that you are logged into the portal using the details created in step 1.

b) In the search resources, service, and doc field, type App Services and from the list of search options select app services

search-for-app-services-and-select-from-search-results-1
Search for App Services and select App Services from the search results

c) I Click on the + Create button or create app services button to begin the creation process

click-on-the-create-button
Click on the create button

c) enter in your project details

project-details-for-migrate-web-applications-into-Azure-pass
Project details

d) enter the instance’s details

instance-details-for-Migrate-web-application-into-Azure-PaaS
Instance details

d) Leave everything as default and click review and create and finally the create button

review-and-create-the-web-app
Click on create after reviewing and create
web-app-is-running
Webapp running

Once the App Service has been created, you can deploy your application to it using various methods such as FTP, Git, or Visual Studio. You can also configure custom domains, SSL certificates, and scaling options for your App Service.

Step 3: Upload the content of the app that you want to Migrate

a) One of the most common places to store the source code for our already deployed application that we wish to migrate to Azure is GitHub. for this exercise, we will create a new repo in GitHub

https://github.com/raphgm/techdirectarchive-sample-website
Workflow-Migrate-web-app
The git push command is used to push these local files to the Azure web app.

Follow these steps to download the sample HTML page from GitHub and deploy it to your web app:

A) Open the cloud shell in the Azure portal and use the following command to clone, or duplicate, the HTML sample site from GitHub:

git clone https://github.com/raphgm/techdirectarchive-sample-website

We can also get our GitHub link to Azure App Service by directly authenticating as shown below:

Authorize-deployment-for-GitHub
Authorize GitHub
authorize-Azure-App-Service
Grant Permission to Authorize AzureAppService
after-authorization
GitHub repo details after authorization

Git clone

We saw above another way to get our code into App services but for the purpose of this exercise, we will stick to the git clone command as shown in the screenshot below:

Sample-website-cloned-for-App-migration-to-Azure-web-app
Sample website cloned into Azure cloud shell

b) The next thing to do will be to navigate to the directory where the data is by running the command below:

cd techdirectarchive-sample-website
cd-into-the-directory-of-the-sample-app
change into the directory of the sample website

c) You must first initialize Git before adding and committing your files in order to prepare to submit the sample HTML page. Right now, don’t stress too much about the Git commands. You must instruct Git what files to add and track, as well as provide yourself with a means of tracking those changes later if necessary:

git init && git add . && git commit -m "sample-website"

before we run the command above, we need to associate what we are doing with identity, so we will run the following commands first

 git config --global user.email "[email protected]"
git config --global user.name "raphael"
configure-and-initialize-git-for-the-sample-website

d) Create your own login and strong password when creating the deployment credentials. The username needs to be distinct everywhere. A sample code is provided below:

az webapp deployment user set --user-name techdirectarc --password @azurewebapp
deployment-user-set
deployment user and password set

e) The URL for the Git repository for your web application needs to be obtained. To examine the URL for the Git repository, enter the web app name (not the username you generated in step d ) and resource group that you chose when the web app was built.

az webapp deployment source config-local-git --name migrateappt --resource-group migrateapp_group

Notes

The command = az webapp deployment source config-local-git

Name = name of the webapp you created earlier in step2 =migrateappt

resource group = the resource group created for the project = migrateapp_group

Output

"url": "https://[email protected]/migrateappt.git"
url-of-the-git-codebase
Git URL of webapp

f) You must inform Cloud Shell about the Git repository that your web app is set to use. You designate these places as remotes in Git. Replace the URL with the one from the output of step d

git remote add azure your-git-clone-url

with the URL

git remote add azure https://[email protected]/migrateappt.git
Git-remote-add-azure
Git remote add azure URL

Push your content

Git is used for uploading or transferring files, and you push them. Where does Git compel them to go? a remote like the one you established in the previous step, like Azure. The final part of the command is a branch, which is normally a master.

Git stores continuing work-in-progress models in branches. Pushing to release branches with names you pick, such as dev or staging, is recommended in production settings.

These additional branches allow you to work on new features or updates in a safe environment without compromising the real workloads that your customers use, while yet enabling your production code to continue working correctly.

Push the HTML sample site to your web app using this command:

git push azure master
deployment-successful
deploying to Azure App Service

The result shows that the HTML example site has been uploaded and set up to function, and the current default web app site page has been deleted.

Summary

Azure app service is Microsoft’s platform as a service offering. Developers can work, save their software resources in version control like GitHub as we saw, and easily upload this to Azure App service.

In this article, you have learned how to Migrate Azure Web Apps, where a sample HTML site was created and the data was saved in GitHub, the steps it took to upload these to the Azure app service have been documented in this article.

Rate this post

Thank you for reading this post. Kindly share it with others.

  • Click to share on X (Opens in new window) X
  • Click to share on Reddit (Opens in new window) Reddit
  • Click to share on LinkedIn (Opens in new window) LinkedIn
  • Click to share on Facebook (Opens in new window) Facebook
  • Click to share on Pinterest (Opens in new window) Pinterest
  • Click to share on Tumblr (Opens in new window) Tumblr
  • Click to share on Telegram (Opens in new window) Telegram
  • Click to share on WhatsApp (Opens in new window) WhatsApp
  • Click to share on Pocket (Opens in new window) Pocket
  • Click to share on Mastodon (Opens in new window) Mastodon
  • Click to share on Bluesky (Opens in new window) Bluesky
  • Click to share on Threads (Opens in new window) Threads
  • Click to share on Nextdoor (Opens in new window) Nextdoor
AWS/Azure/OpenShift Tags:Git Clone, Github

Post navigation

Previous Post: How to Control Cloud Cost Using Azure VM
Next Post: Setup a Site-to-Site VPN Connection on AWS

Related Posts

  • kubernetes
    Create and monitor Apps using the Azure Kubernetes Service manifest AWS/Azure/OpenShift
  • Azure CI CD Pipeline
    CI/CD Pipeline: Your First in Azure DevOps with ASP.Net Core AWS/Azure/OpenShift
  • Slide1 3
    Azure Virtual Networks: Preparing Azure and On-Premises Virtual Networks with Azure CLI Commands AWS/Azure/OpenShift
  • Microsoft Enterprise Root Certification Authority and Forest Domain to Azure migration
    Migrate Microsoft Enterprise Root Certification Authority and Forest Domain to Azure AWS/Azure/OpenShift
  • Screenshot 2022 03 20 at 21.08.50
    How to integrate AWS CodeBuild and AWS CodeCommit to SonarCloud AWS/Azure/OpenShift
  • article 1280x720.192a2586 1
    How to apply Windows Updates from WSUS to AWS Instances AWS/Azure/OpenShift

More Related Articles

kubernetes Create and monitor Apps using the Azure Kubernetes Service manifest AWS/Azure/OpenShift
Azure CI CD Pipeline CI/CD Pipeline: Your First in Azure DevOps with ASP.Net Core AWS/Azure/OpenShift
Slide1 3 Azure Virtual Networks: Preparing Azure and On-Premises Virtual Networks with Azure CLI Commands AWS/Azure/OpenShift
Microsoft Enterprise Root Certification Authority and Forest Domain to Azure migration Migrate Microsoft Enterprise Root Certification Authority and Forest Domain to Azure AWS/Azure/OpenShift
Screenshot 2022 03 20 at 21.08.50 How to integrate AWS CodeBuild and AWS CodeCommit to SonarCloud AWS/Azure/OpenShift
article 1280x720.192a2586 1 How to apply Windows Updates from WSUS to AWS Instances AWS/Azure/OpenShift

Leave a Reply Cancel reply

You must be logged in to post a comment.

Microsoft MVP

VEEAMLEGEND

vexpert-badge-stars-5

Virtual Background

GoogleNews

Categories

veeaam100

sysadmin top30a

  • Screenshot 2022 04 27 at 17.51.48
    Remote Desktop Services Setup on Windows Server Windows Server
  • Feature post
    Disable Bing Search in Windows: Quick Guide for Windows Windows
  • Snapshot VMware vSphere
    How to Create a Snapshot on vSphere Web Client Virtualization
  • delete5
    How to Delete Diagnostic Data in Windows 10 and Windows 11 Windows
  • Uninstall SQL Server 2025
    Uninstall Microsoft SQL Server 2025 from Windows Oracle/MSSQL/MySQL
  • WDSMDT
    What are the differences between MDT and WDS Windows Server
  • Feature image OCS inventory
    Install and use OCS inventory on Windows Windows
  • 517443 637286201540125528 16x9 1
    User account and process management in Linux Linux

Subscribe to Blog via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 1,836 other subscribers
  • RSS - Posts
  • RSS - Comments
  • About
  • Authors
  • Write for us
  • Advertise with us
  • General Terms and Conditions
  • Privacy policy
  • Feedly
  • Telegram
  • Youtube
  • Facebook
  • Instagram
  • LinkedIn
  • Tumblr
  • Pinterest
  • Twitter
  • mastodon

Tags

Active Directory AWS Azure Bitlocker Microsoft Windows PowerShell WDS Windows 10 Windows 11 Windows Server 2016

Copyright © 2025 TechDirectArchive

 

Loading Comments...
 

You must be logged in to post a comment.