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
  • BANNER
    How to Install and Set Lively Wallpaper on Windows 11 Windows
  • How to Disable the Command Prompt on Windows 11
    How to Disable the Command Prompt on Windows 11 Windows
  • How to create a Recovery Partition in Microsoft Windows
    How to create a Recovery Partition in Microsoft Windows 10/11 Windows
  • Veeam upgrade11 11a
    How to upgrade Veeam Backup and Replication from version 11 to 11a Backup
  • WinServer
    Log Off: How to sign out of Windows Server 2012 Windows Server
  • Diskspd
    Veeam Backup and Replication Disk I/O with diskspd Backup
  • Configure Synology DS923+ NAS for File Sharing
    How to Configure Synology DS923+ NAS for File Sharing [Part 2] Reviews
  • images 8
    Microsoft Direct Access: Now Always On VPN Windows Server

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

  • Azure SASE
    [AZURE] Security Service Edge (SSE) and Microsoft Entra ID AWS/Azure/OpenShift
  • HighA
    Virtual Machine Scale Set: Demonstrating High Availability in Azure AWS/Azure/OpenShift
  • azure ADConnect
    Repair or Uninstall Azure AD Connect: How to uninstall Azure AD Connect AWS/Azure/OpenShift
  • understanding azure active directory and enterprise mobility security ems 16 638
    Methods for Integrating Azure Active Directory with on-Premise Active Directory AWS/Azure/OpenShift
  • Webp.net resizeimage 5
    How to create a Traffic Manager Profile in Azure AWS/Azure/OpenShift
  • Webp.net resizeimage 5
    How to Improve Website Response Using Traffic Manager AWS/Azure/OpenShift

More Related Articles

Azure SASE [AZURE] Security Service Edge (SSE) and Microsoft Entra ID AWS/Azure/OpenShift
HighA Virtual Machine Scale Set: Demonstrating High Availability in Azure AWS/Azure/OpenShift
azure ADConnect Repair or Uninstall Azure AD Connect: How to uninstall Azure AD Connect AWS/Azure/OpenShift
understanding azure active directory and enterprise mobility security ems 16 638 Methods for Integrating Azure Active Directory with on-Premise Active Directory AWS/Azure/OpenShift
Webp.net resizeimage 5 How to create a Traffic Manager Profile in Azure AWS/Azure/OpenShift
Webp.net resizeimage 5 How to Improve Website Response Using Traffic Manager 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

  • BANNER
    How to Install and Set Lively Wallpaper on Windows 11 Windows
  • How to Disable the Command Prompt on Windows 11
    How to Disable the Command Prompt on Windows 11 Windows
  • How to create a Recovery Partition in Microsoft Windows
    How to create a Recovery Partition in Microsoft Windows 10/11 Windows
  • Veeam upgrade11 11a
    How to upgrade Veeam Backup and Replication from version 11 to 11a Backup
  • WinServer
    Log Off: How to sign out of Windows Server 2012 Windows Server
  • Diskspd
    Veeam Backup and Replication Disk I/O with diskspd Backup
  • Configure Synology DS923+ NAS for File Sharing
    How to Configure Synology DS923+ NAS for File Sharing [Part 2] Reviews
  • images 8
    Microsoft Direct Access: Now Always On VPN Windows Server

Subscribe to Blog via Email

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

Join 1,841 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

AWS Azure Bitlocker Microsoft Windows PowerShell WDS Windows 10 Windows 11 Windows Deployment Services Windows Server 2016

Copyright © 2025 TechDirectArchive

 

Loading Comments...
 

You must be logged in to post a comment.