<img alt="" src="https://secure.leadforensics.com/150446.png " style="display:none;">

Integration of your Web App with Virtual Network

Sourabh Majali Aug 29, 2019

Microsoft Azure 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
WebAdding 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     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

VNet1
  • 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
  • Click on “Create” to deploy Web App
  • Once the deployment is done you can check your WebApp in your resource group

web 5Adding 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

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

Once your connection is done it will show as below:

web9Disconnecting 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.

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.