--- title: Integration of your Web App with Virtual Network description: This blog describes how to connect Web App with Virtual Network. This integration allows your WebApp to get access to all resources in your virtual network. However, integrating Virtual Network with WebApp do not grant private access to your WebApp from the Virtual Network (VNet). image: https://blog.e-zest.com/hubfs/blog-files/Integration%20of%20Web%20App%20with%20Virtual%20Network-190822%20(1).png --- [![e-Zest logo\_An accion lab company\_Colour](https://blog.e-zest.com/hubfs/images/Logos%20with%20Tagline/Corporate/SVG/e-Zest%20logo_An%20accion%20lab%20company_Colour.svg "e-Zest logo_An accion lab company_Colour")](https://www.e-zest.com/) - [WORK](https://www.e-zest.com/our-work) - [SERVICES](https://www.e-zest.com/our-services) - [Product Engineering](https://www.e-zest.com/digital-product-engineering-services) - [Enterprise Data Services](https://www.e-zest.com/enterprise-data-services) - [Digital Commerce](https://www.e-zest.com/digital-commerce-services) - [Digital Operations](https://www.e-zest.com/digital-operations) - [Digital Consulting](https://www.e-zest.com/digital-transformation-consulting-services) - [Digital Experience Design](https://www.e-zest.com/digital-experience-design) - [INSIGHTS](https://blog.e-zest.com/) - [CAREERS](https://www.e-zest.com/careers) - [ENTERPRISE DATA SERVICES](https://www.e-zest.com/enterprise-data-services) - [GENERATIVE AI](https://www.e-zest.com/generative-ai) - [Healthcare](https://healthcare.e-zest.com) - [Contact Us](https://www.e-zest.com/contact-us) - ![Elevating Product Engineering with AI and ML](https://blog.e-zest.com/hubfs/Elevating%20Product%20Engineering%20with%20AI%20and%20ML.jpg) [BLOGS](https://blog.e-zest.com) #### Elevating Product Engineering with AI and ML As technology evolves and customer choices broaden, there is an increasing ... [Read more](https://blog.e-zest.com/elevating-product-engineering-with-ai-and-ml) - ![e-Zest – An Accion Labs Company gets Recognition as a Contender in the ISG Provider Lens™ Study on Digital Engineering Services 2024](https://blog.e-zest.com/hubfs/e-Zest%20%E2%80%93%20An%20Accion%20Labs%20Company%20-%20Gets%20Recognition%20as%20a%20Contender%20in%20the%20ISG%20Provider%20LensTM%20Study%20on%20Digital%20Engineering%20Services%202024.jpg) [NEWS](https://blog.e-zest.com/news) #### e-Zest – An Accion Labs Company gets Recognition as a Contender in the ISG Provider Lens™ Study on Digital Engineering Services 2024 We are delighted to announce that e-Zest – An Accion Labs Company has been ... [Read more](https://blog.e-zest.com/news/e-zest-an-accion-labs-company-gets-recognition-as-a-contender-in-the-isg-provider-lens-study-on-digital-engineering-services-2024) - ![e-Zest Solutions supports Digital Pune Mission](https://blog.e-zest.com/hubfs/blog-files/Digital%20Literacy%20Bus%20e-Zest.png) [CSR](https://blog.e-zest.com/csr) #### e-Zest Solutions supports Digital Pune Mission **Pune, India:** e-Zest Solutions, a leading digital technology innovation ... [Read more](https://blog.e-zest.com/csr/e-zest-solutions-supports-digital-pune-mission) - [Work](https://www.e-zest.com/our-work) - [Services](https://www.e-zest.com/our-services) - [Insights](https://blog.e-zest.com) - [Careers](https://www.e-zest.com/careers) - [Enterprise Data](https://www.e-zest.com/enterprise-data-services) - [Generative AI](https://www.e-zest.com/generative-ai) - [Innovations](https://www.e-zest.com/innovations) - [Healthcare](https://healthcare.e-zest.com) - [About](https://www.e-zest.com/about-us) - [Contact](https://www.e-zest.com/contact-us) - [Blog](https://blog.e-zest.com/) - [News](https://blog.e-zest.com/news) - [CSR](https://blog.e-zest.com/csr) - [![Linkedin Icon](https://blog.e-zest.com/hubfs/icons/linkedin_icon_white.svg)](https://www.linkedin.com/company/e-zest-solutions/) - [![Twitter Icon](https://blog.e-zest.com/hubfs/twitter-logo-silhouette%20(5).svg)](https://twitter.com/ezest) - [![Facebook Icon](https://blog.e-zest.com/hubfs/facebook-app-logo%20(4).svg)](https://www.facebook.com/61259256638) - [![Instagram Icon](https://blog.e-zest.com/hubfs/instagram-logo%20(4).svg)](https://www.instagram.com/ezestsolutions/) - [![Youtube Icon](https://blog.e-zest.com/hubfs/icons/youtube_icon_white.svg)](https://www.youtube.com/user/ezestcorporate) [![Go to top icon](https://blog.e-zest.com/hubfs/AA%20Assets/top%20button.svg)](https://blog.e-zest.com/integration-of-your-web-app-with-virtual-network#top) Hit enter to search or ESC to close Insights e-Zest members share technology ideas to foster digital transformation. - [Blog](https://blog.e-zest.com) - [Whitepaper](https://blog.e-zest.com/whitepaper) - [Playbook](https://blog.e-zest.com/playbook) - [News](https://blog.e-zest.com/news) - [Innovation](https://blog.e-zest.com/innovation) - [Media Kit](https://www.e-zest.com/media-kit) # Integration of your Web App with Virtual Network [Sourabh Majali](https://blog.e-zest.com/author/sourabh-majali) Aug 29, 2019 [Microsoft Azure](https://blog.e-zest.com/topic/microsoft-azure) [Virtual Network](https://blog.e-zest.com/topic/virtual-network) - - - - This blog describes how to connect **Web App** with **Virtual Network**. This integration allows your WebApp to get access to all resources in your virtual network. However, integrating Virtual Network with WebApp do not grant private access to your WebApp from the Virtual Network **(VNet)**. **Prerequisites:** 1. Virtual Network with point to site 2. Available Address Spaces **Creating Virtual Network:** In Azure portal 1. Click +. Search for "Virtual Network" or “VNet” 2. Select Virtual Network 3. Fill all details & click on Create ![Web](https://blog.e-zest.com/hs-fs/hubfs/Web.png?width=480&name=Web.png)**Adding Gateway Subnet** 1. After creating your Vnet **“vnet1”**, click on **Subnets** to get all the subnets present in this particular selected Vnet. 2. On Subnet page, click on “Gateway subnets” to open add subnet page ![Web 2-1](https://blog.e-zest.com/hs-fs/hubfs/Web%202-1.png?width=600&name=Web%202-1.png)     3.Name is auto filled with 'Gateway Subnet'. You can adjust the Address range values as per your required        configuration       4.. Click on “OK” to create **Creating the Virtual Network Gateway** - Search 'Virtual Network Gateway' in all resources find and click on “Virtual network gateway” - Fill the details and click on create to proceed - Please refer to the image below ![virtual-network](https://blog.e-zest.com/hs-fs/hubfs/blog-files/virtual-network.png?width=480&name=virtual-network.png) ![VNet1](https://blog.e-zest.com/hs-fs/hubfs/blog-files/VNet1.png?width=480&name=VNet1.png) - After filling details, click on “Create” to deploy the VPN gateway - This may take around 30 to 45 minutes to deploy **Creating WebApp** - Search for 'Web App' in all resources search bar - Click on “+ Create” - Fill the details for your Web App as mentioned below in an image ![web-app](https://blog.e-zest.com/hs-fs/hubfs/blog-files/web-app.png?width=294&name=web-app.png) - Click on “Create” to deploy Web App - Once the deployment is done you can check your WebApp in your resource group ![web 5](https://blog.e-zest.com/hs-fs/hubfs/web%205.png?width=480&name=web%205.png)Adding client address pool - Navigate to “Point-to-site configuration” - It is the address pool range of private IPs that is specified here. Whoever connects over the point-to-site VPN will dynamically have an IP from the ranges you mentioned in the address pool - Make sure you use different non overlapping IP addresses to your on-premise or Vnet addresses - You can select tunnel type **“IKEv2”**. Windows clients work on IKEv2 first and if this do not connect you can use **“SSTP”** - You can use one or all tunnel types by clicking on all check boxes ![web7](https://blog.e-zest.com/hs-fs/hubfs/web7.png?width=480&name=web7.png) Configuring the created VNet with your WebApp: - Navigate to your resource group - Click on you created WebApp **“newdemo”** - Select Add Vnet - Click on Vnet Integration. Click on “Click here to configure” - Select your Vnet ![web8](https://blog.e-zest.com/hs-fs/hubfs/web8.png?width=480&name=web8.png) Once your connection is done it will show as below: ![web9](https://blog.e-zest.com/hs-fs/hubfs/web9.png?width=480&name=web9.png)**Disconnecting VNet** - To disconnect your WebApp from the VNet, click on “Disconnect” - This will disconnect your WebApp from Vnet - Make a note that your WebApp will restart after disconnection with VNet causing downtime **Conclusion** Integrating WebApp with Vnet allows you to use the service endpoints. To use service endpoints with your created WebApp, you can use new VNet integration and connect to a selected VNet. Once done, configure the service endpoints on your Subnet you use for integration. - - - ### Similar Blog [![Enabling Azure Storage Management Lifecycle for Efficiency and Cost Optimization](https://blog.e-zest.com/hubfs/Banners/Enabling%20Azure%20Storage%20Management%20Lifecycle%20for%20Efficiency%20and%20Cost%20Optimization.jpg) Enabling Azure Storage Management Lifecycle for Efficiency and Cost Optimization Efficient data management is vital for all organizations, particularly as data continues to proliferate. Azure Storage Management ... By Sourabh Majali Sep 29, 2023](https://blog.e-zest.com/enabling-azure-storage-management-lifecycle-for-efficiency-and-cost-optimization) [![How to Enable Accelerated Networking on NICs – Azure Virtual Machine using PowerShell + Excel sheet](https://blog.e-zest.com/hubfs/Blog_Files/blog_image05_2x_2560x1334.jpg) How to Enable Accelerated Networking on NICs – Azure Virtual Machine using PowerShell + Excel sheet Accelerated Networking enables single root I/O virtualization (SR-IOV) to a VM, greatly improving its networking performance. ... By Sourabh Majali Jul 07, 2023](https://blog.e-zest.com/how-to-enable-accelerated-networking-on-nics-azure-virtual-machine-using-powershell-excel-sheet) [![How to shut down your Virtual Machine if it is idle for 'X' hours on the basis of CPU Utilization Percentage](https://blog.e-zest.com/hubfs/How%20To%20Shut%20Down%20Your%20Virtual%20Machine.jpg) How to shut down your Virtual Machine if it is idle for 'X' hours on the basis of CPU Utilization Percentage A Virtual Machine (VM) is an environment that replicates a physical machine, having its own allocation of processing unit, ... By Sourabh Majali Oct 05, 2020](https://blog.e-zest.com/auto-stop-your-vm-based-on-cpu-utilization) [![Building Cloud First Apps Using Microsoft Azure](https://blog.e-zest.com/hubfs/blog-files/Building%20cloud%20first%20blog.png) Building Cloud First Apps Using Microsoft Azure The COVID-19 pandemic required most of the organizations to adopt a remote working environment. This made people realize the ... By Corporate Jul 06, 2020](https://blog.e-zest.com/building-cloud-first-apps-using-microsoft-azure) [![Virtual Machine Scale Set in Azure Microsoft](https://blog.e-zest.com/hubfs/blog-files/virtual-machine-scale-set-in-azure-microsoft.jpg) Virtual Machine Scale Set in Azure Microsoft Virtual Machine Scale Set, an interesting service offered by Microsoft Azure, helps to create and manage a group of identical, ... By Surbhi Agarwal Jan 16, 2020](https://blog.e-zest.com/virtual-machine-scale-set-in-azure-microsoft) [![Enabling Azure Storage Management Lifecycle for Efficiency and Cost Optimization](https://blog.e-zest.com/hubfs/Banners/Enabling%20Azure%20Storage%20Management%20Lifecycle%20for%20Efficiency%20and%20Cost%20Optimization.jpg) Enabling Azure Storage Management Lifecycle for Efficiency and Cost Optimization Efficient data management is vital for all organizations, particularly as data continues to proliferate. Azure Storage Management ... By Sourabh Majali Sep 29, 2023](https://blog.e-zest.com/enabling-azure-storage-management-lifecycle-for-efficiency-and-cost-optimization) [![PowerShell – Assigning Tags to Azure Resources using Excel Sheet](https://blog.e-zest.com/hubfs/Banners/PowerShell%20%E2%80%93%20Assign%20Tags%20to%20Azure%20Resources%20using%20Excel%20Sheet%20V2-08_2x.jpg) PowerShell – Assigning Tags to Azure Resources using Excel Sheet Prerequisite By Sourabh Majali Aug 03, 2023](https://blog.e-zest.com/powershell-assigning-tags-to-azure-resources-using-excel-sheet) [![How to Enable Accelerated Networking on NICs – Azure Virtual Machine using PowerShell + Excel sheet](https://blog.e-zest.com/hubfs/Blog_Files/blog_image05_2x_2560x1334.jpg) How to Enable Accelerated Networking on NICs – Azure Virtual Machine using PowerShell + Excel sheet Accelerated Networking enables single root I/O virtualization (SR-IOV) to a VM, greatly improving its networking performance. ... By Sourabh Majali Jul 07, 2023](https://blog.e-zest.com/how-to-enable-accelerated-networking-on-nics-azure-virtual-machine-using-powershell-excel-sheet) [![How to shut down your Virtual Machine if it is idle for 'X' hours on the basis of CPU Utilization Percentage](https://blog.e-zest.com/hubfs/How%20To%20Shut%20Down%20Your%20Virtual%20Machine.jpg) How to shut down your Virtual Machine if it is idle for 'X' hours on the basis of CPU Utilization Percentage A Virtual Machine (VM) is an environment that replicates a physical machine, having its own allocation of processing unit, ... By Sourabh Majali Oct 05, 2020](https://blog.e-zest.com/auto-stop-your-vm-based-on-cpu-utilization) ## Helping Organizations Thrive in the Digital Age [Contact Us](https://www.e-zest.com/contact-us) - [About](https://www.e-zest.com/about-us) - [Services](https://www.e-zest.com/our-services) - [Work](https://www.e-zest.com/our-work) - [Insights](https://blog.e-zest.com/) - [Healthcare](https://healthcare.e-zest.com/) - [Accion Labs](https://www.accionlabs.com/) - - - - - - Dallas - Detroit - Hannover - Vienna - London - Pune © 2025 e-Zest Solutions - [Privacy Policy](https://www.e-zest.com/privacypolicy) - [Cookie Policy](https://www.e-zest.com/cookie-policy) Contact us Contact us e-Zest is a leading digital innovation partner for enterprises and technology companies that utilizes emerging technologies for creating engaging customers experiences. Being a customer-focused and technology-driven company, it always helps clients in crafting holistic business value for their software development efforts. It offers software development and consulting services for cloud computing, enterprise mobility, big data and analytics, user experience and digital commerce.