10122721, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whilabs Blog SN IPA Geis) ie How to Migrate your : On-Prem Web App iy to Azure Cloud How to Migrate your On-Prem Web App to Azure Cloud? By Girdharee Saran - March 15, 2021 In this article, you will Learn exactly how to move your on-premises web application to the Azure Cloud Platform. Azure is a great tool for anyone looking to become a cloud computing professional, as it offers a simple, affordable platform for the deployment of applications. Migrating onto Azure follows four simple steps: Creating Application infrastructure, Creating a virtual machine & connecting it to internet services, copying the website to the virtual machine, and configuring the ports. Let us look at each of these areas in detail: A Step-by-step Guide for Azure Cloud Migration Creating a Foundation for your Azure Infrastructure Your application's infrastructure foundation includes a network to facilitate additional services, a storage container for your application's services, and a cloud service to provide your application with an IP Address. 1. Creating a Virtual Network for Your Objects hitps www. whilabs.con/blogIhow-ta-migrate-your-on-prom-web-app-to-azure-cloud! 112810122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now gay, Medea a Navigate Prem ED cmon 3. In the Create Virtual Network pop-up window, select an appropriate Name for your network, and select your nearest location. | named my network ITC_VirtualNet and chose (Africa) South Africa North as the location. Create virtual network x Tip: Remember your choice of network name and location, these will remain the same for all the steps. hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud 20910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now deployment page, indicating the deployment status, and you'll be notified when the deployment is complete. Home > Virtual networks > Create virtual network © Vvalcation passed Basics IP Addresses Security Tags Review + create Basics Subscription Free Trial Resource group NewResource Name ITC virtualNet Region South Aftica North IP addresses Address space 1000/16 Subnet default (10.0.0.0/24) Tags None Security BastionHost Disabled hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud 32910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Subsripion. free Tish Corelaton Resource group: Hewes 1 Deployment details (Download) 1A. Nextsteps 2. Creating a Storage Account hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud “Sbbe 2360 4doc br 217087671310122121, 6:54 PM How to Migrate your On-Prom Web App to Az PRICES GOING UP for our Premium Subscription from 1st November hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud Cloud? - Whialabs Blog Enrol Now10122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now + create a resource FE Home El Dashboard = all services & FAVORITES BEE All resources (9) Resource groups ® App Services Function App & sat databases © Azure Cosmos DB A Virtual machines © Load batancers > Virtual networks > auure Active Directory ® Monitor ® advisor © security Center © cost Management + Billing B Help + support phate combloghowt- ngs youranrem-vebappdoanie-cd!10122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now 2. On the Storage Accounts page, click on + Add, Storage accounts © Manageview VC) fatesn J epantacsy “$ Openquey | Assigntgs (@ veioe | Festa 3, Provide the Name for your storage account, and pick your previously selected Location, in the Create Storage Account page. Home > Sorege accounts Create storage account Project deta Sect the subsrpton to manage deployed esources end cost. Use resource groups tke folers to organize and manage all Subsciptin * (ea Resource group * NeResource vy] Instance details The default deployment model i Resource Manages which suppor the latest Arte features You may choose te deploy ttsng the date deployment model netead. Choose casi deployment mode! eaten O a) Location * ica Soa Aa oh z robin ©. © sanded O Premium Account kind @ [sora general purpose a) wi teptenion © [Rend occom grovwdindon aonge BAGH) ea Pies) [Went Nawortoa >] itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 12910122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Create storage account © Vsidation passes Basics Networking Data protection Advanced Tags Review + create Basics Subscription Free Trial Resource group NewRecource Location South Aftica North Storege account name itestoreremmyor Deployment model Resource manager Account kind StorageV2 (general purpose v2) Replication Read-access geo-redundant storage (RA-GRS) Performance Standard Networking Connectivity method Private endpoint Private Endpoint (Mew) theoneendpoint0? (blob) (privatelinkcblob.core wit Default routing ter Microsoft network routing Date protection © estoy tensa > © Your deployment is complete [Prominin Coron oct ae an aomatec Psp lt © Deployment dts (Downbsch A Newt steps itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/10122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog RICES GOING UP for our Premium Subscription from 1st Nove! Enrol Now With the cloud service, you can assign an IP address to your application and keep related services in a cluster. To deploy a cloud service for your application, follow these steps: itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 9910122721, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now 2 cova serncey Po 4 Services Sova Marketplace soot (© coud serves (ase 1 Cousopsmmaged service & senice Heath 8 oncom!0005 Powered by Nertous {5 Chousimple Series 1) Univesaledge for Azure ExpressRoute © tot senices Managed Arte oud Sevices @ absence: Documentation “a | ee seach sevies . ' (G soplction series aha yin Lapses ne @ communication serices ow to ceate and deploy asout sevice | Wicrsof Doss @ Caricbev Services How to configure a doud sevice portal] Microsoft Doce | scoage syne sewers Resource Groupe Resources No resus were fone seeing wrtor Chroe 2. On the Cloud Services (Classic) page, click + Add to start creating your new service. ‘Goud sewvices (lassie) itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ s0n910122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now [ilzervces > Cloud services (cease) Create a cloud service Basics Deployment Review + create ‘Aare Cloud Sonvces ic platform at x eave B28) offering that allows you to quickly deploy and manage power polcations and services. t manages proving lod balarcing. and health monitoring in adtion to providing an Indust leading 93.95% monthly SLA Lesm mors about Azure Cloud Sevier Project details Select the subscition to manage deployed resources ard costs Ue resource groups ie flders te organise ad manage all your resources ies eben $3 Region® Next: Deployment > Quick Tip: The cloud service region doesn't have to be in line with your other services’ locations since cloud services are not provided in all locations. itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 11910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Allseivices > Cloud services (cassie Create a cloud service © voraaton passes Basics Deployment Review + create tion Free Trial Resource group NewResource DNS name ICServiceRemmy01.cloudapp net Region West Central US Deployment (00 ) = Previous Download a template for automation You will get a notification informing you of a successful cloud service deployment. © Your deployments complete Ee Sore ecnciasence sors Resocegrop Deployment details Dowd) A Nextsteps hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud 209012221, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog Enrol Now Creating an Azure Virtual Mac! le A virtual machine helps you to run your application. Azure makes the process of creating virtual machines quick and easy, and the VM will help you connect to your application's storage and services. To create an Azure virtual machine: itpssiwww.whizlabs.con/blog/haw-to-migrate-your-on-prem-web-ap-o-azure-cloud/ 1329How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now sents mo) oe = 6 Cc & + o 2 1 © 6 © > Free trainina fram Microsoft == itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 142910122121, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Server 2012 R2 Datacenter- Gent. Select a suitable Username and Password that you will use to access this ‘machine then click Next: Disks, Leave the settings on the Disks, Networking, Management, Advanced, and tags tabs then click Next: Review and Create, Create a virtual machine Subscription 0 Instance deals fasion hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud Ow @ to 9-2 vg 8B mary (OSH ont ¥ 1829Cloud? - Whialabs Blog 10122721, 6:54 PM How to Migrate your On-Prom Web App to Az PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Password * © Confirm password * © Inbound port rules Select which virtual machine network ports are accessible from the public intemet. You can specify more limited or granular network access on the Networking tab, Public inbound pors* © © None © Allow selected ports © Atte fom te tere wpe bce by deta You wie be Licensing Save up to 49% witha license you already own using Azure Hybrid Benefit, Learn more Would ou ke toute an exiting windows ©) Yes © No hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud10122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now Create a virtual machine © sme pases Basics Disks Networking Management Advanced Tags Review + create PRODUCT DETAILS Standard 026 v3 Subscription credits apply © by Microsoft 14.4751 INR Tess of use Pivcy policy Pricing for eer VM ses TEMS By licking "Creat a) agree to the legal tens and privacy statements) assocated with the Marketplace often) Isted above: (@) authorise Miresot to bl my ctrent payer metho for the fees assocated wih te offer with He same batingrequercy a my Azutesubecription and (agree that Mixosatt nay share my contac, Usage and tnsactonal Information wth the providers) ofthe offerogs for suppor iling and other woruactional ocvitrs Microrolk does not provide right for hit Basics swexciption re Wish Reource gto NewRescurce Vinal machine name weRarPor =) i You will get an alert when your deployment is ready. © Your deployment is complete Deomentane Ce iostWadennsave aes Suberipion Fre Tel ewes gouR Neweoute Deployment details (Doran) > Nn sto Moptor ve heath perform Puna sip ne he vital mache Recommended ty olen. Se the Acute Marketplace Trin Foradil det Downioad template for automation saree as20 3.7943 Pt one 662 1b8- ab Aen 8H3-1222%900%62 and eet dependences Recommended itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 172910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog RICES GOING U jon from 1st November Enrol Now Migrating the Web Application to the Azure App Service In this section, you will store your application's files locally, then configure its endpoints on our virtual machine, WEBAPPO1. To save your files locally, follow these steps: 1. Click on the File Explorer icon on your taskbar to open the explorer. Navigate to your main installation directory; Data (C}. Click on the Home tab, create a New Folder and name it AzureManagement. 2. Add the site hosting your web application to trusted sites on your computer. To do this, open the Control Panel, navigate to Internet Options. On the Internet Properties window, click on the Security tab. Click on the ‘Trusted Sites icon then click on the Sites button. Type your website's URL into the Add this website to the zone: tab then click Add. Click OK if you get any security warnings. 3. Download your web application's files from the trusted site and save them to the folder created earlier, CAzureManagement. Extract these files and save them to the AzureManagement folder. To configure the endpoints of WEBAPPO1, follow the steps outlined below: itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 812910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now interface. 6 tome C mt pH eater toee 1 meme 3. On the next page, click on the Configuration tab on the leftmost panel, and give your machine a DNS Name Label. If your name is available, you will get a green go ahead, while an error message will alert you of an unavailable name. 4, Once you have set up a DNS name, navigate to Virtual Machines in Grid View and click on Networking on the left-most panel. Click on Add Inbound Port Rule. Connect Disks Size Security go = a 9 @ Advisor recommendations i; Extensions Continuous delivery a7 Availability + scaling hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud 1912910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog PRICES GOING UI from ist November Enrol Now Source Port Ranges: * Destination: Any Destination Port Ranges: 3389 Protocol: TCP Action: Allow Priority: 100 Name: (Pick a Suitable Name) With these settings, you can connect to the Remote Desktop Client, allowing you to configure and open up ports to your application, |@ Add inbound security rule J 6, Once you have input the settings, click Save to create your rule. Opening Ports and Configuring Azure App Service We will use a Remote Desktop Connection to open ports to the app and configure the IIS App service to our web application. To create a remote desktop connection: itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2012810122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now WEBAPPO1 # Virtual machine P Search (Ctil+/) | « — SGonnect) [> start C restat [] stop © overview a" fl activity log ‘SSH Access control (AM) @ Tags Location @ Diagnose and solve problems South Africa North - Subscription (change) Settings Free Trial 3. On the Connect with RDP page, click Download ROP File after verifying that the DNS Name and Port listed are correct. Your browser will automatically download a file that will establish a connection with your virtual machine, RDP SSH BASTION Connect with RDP To connect to your vital machine via RDF, select an IP address optionally change the port number, and download the RD? fi, [ Ens nae (ean sutton dowd anrecon ints [sas ] Can't connect? Test yourea DP Troubleshoot ROP conectiiy sues 4. Open the ROP File you downloaded earlier. A window pops up, click Connect to establish a connection with your virtual machine. itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2112910122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now This temote connection could harm your local or emote computer, Do rot connect unless you know where this connection came trom or have used itbefore, » Publisher: Unknown publisher 29 type Remote Desktop Connaction Remote computer _—_écvirtainet0 1 southafticanorh cloudlapp azure com ]Don't askme again for connections to this computer &, Remote Desktop Connection x The remote computer could not be authenticated due to problems with its security certificate. It may be unsafe to proceed. Certificate name [q) Name in the certficate from the remote computer. WEBAPPO1 Certificate errors The following errors were encountered while validating the remote computer's certificate: A The certificate is not from a tusted certifying authority. Do you wantto connect despite these cerificate errors? Don'task me again or connections to this computer =a a | itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/10122121, 6:54 PM How to Migrate your On-Prom Web App to Az PRICES GOING UP for our Premium Subscription from 1st November hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud Cloud? - Whialabs Blog Enrol Now 2312810122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog Enrol Now Peeper! Local Server fig All Servers WG File and Storage Services > 2. On the main screen, click Public: on. Navigate to Windows Firewall, then select Advanced Settings. 3. In the Windows Firewall with Advanced Security window, select Inbound Rules>> New Rule. Actions: Inbound Rules 2. ‘Y Filter by Profile Y Filter by state ‘Y Filter by Group View » Gl Refresh (B Export List. i Hee itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2412910122121, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whizlabs Blog PRICES GOING UP for our Premium Subscription from 1st November Enrol Now 6. Click Next on the Action and Profile pages. 7. Name the rule Allow WebApp then click Finish, 8. Click on Inbound Rules then New Rule in the Windows Firewall with Security Page. 9, Select Custom for the Rule Type then hit the Next button, 10, Make sure the All Programs option is selected in the Program page then click next. itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2512910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog n from 1st Nove! Enrol Now 13. Click Next on the Scope, Action and Profile page then click Next. 14, Name this rule Allow PING then click Finish. Changing Your Application’s Configuration Information We will use Windows PowerShell on the remote desktop connection to deploy our own site to the virtual machine. We shall create an IIS Server to create a Local link to our web application files, then replace these with the application in the AzureManagement folder. itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2612910122721, 6:54 PM How to Migrate your On-Prem Web App to Azure Cloud? - Whilabs Blog Enrol Now Get-WindowsFeature Web-Server | Add-WindowsFeature -IncludeAliSubfeature This command will take a while to complete. Give it time. Administrator: Windows PowerShell SS es ee ee eee ee This command installs the IIS web app server, creating a folder in file explorer, 3. Restart IIS in Windows Powershell using the following command: lisreset inetpub\wwwroot To migrate your web application onto the webserver: hitps www. whilabs.con/blogIhow-ta-migrate-your-on-prom-web-app-to-azure-cloud! 2112910122721, 6:54 PM How to Migrate your On-Prom Web App to Azure Cloud? - Whialabs Blog Enrol Now 2. Navigate to the folder C:AzureManagement, copy and paste all files and folders from this folder into the Cinetpub\wwwroot 3. Ifyou had a locally installed SQL database, you should replace the connection string in the Web.canfig file accordingly to facilitate a connection with the server, you can achieve this by editing in notepad. You have connected your application to the running web server and can hand off the application to users. Check out our microsoft azure certification courses here Conclusion We have seen that deploying your web application to Azure is a simple and straightforward process. To sharpen your cloud development and deployment skills, it is important to practise using different applications developed in various platforms and languages for different virtual machines. Always be wary of service charges, especially for storage and virtual machines, as these could lead to unwarranted deductions on your card. L About the Author fore from Author About Girdharee Saran Girdharee is a marketing person. With Expertise in content marketing, Community building, Search engine optimization ete. Spread the love itpssiwww.whizlabs.com/bloghow-to-migrate-your-on-prem-web-app-to-azure-cloud/ 2012910122121, 6:54 PM How to Migrate your On-Prom Web App to Az PRICES GOING UP for our Premium Subscription from 1st November hitps Awww. whizlabs.con/bloghow-ta-migrate-youron-prem-wed-app-to-azure-cloud Cloud? - Whialabs Blog Enrol Now 20128