Skip to content

Commit 42f55e2

Browse files
authored
Merge pull request #108134 from Ericgre/master
Update create-private-endpoint-webapp-portal.md
2 parents db6b551 + d5b7ca4 commit 42f55e2

File tree

1 file changed

+42
-23
lines changed

1 file changed

+42
-23
lines changed

articles/private-link/create-private-endpoint-webapp-portal.md

Lines changed: 42 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -32,15 +32,18 @@ In this section, you'll create a virtual network and subnet.
3232

3333
1. In **Create virtual network**, enter or select this information in the Basics tab:
3434

35-
![Create Virtual Network][1]
35+
> [!div class="mx-imgBorder"]
36+
> ![Create Virtual Network][1]
3637
3738
1. Click **"Next: IP Addresses >"** and enter or select this information:
3839

39-
![Configure IP Addresses][2]
40+
> [!div class="mx-imgBorder"]
41+
>![Configure IP Addresses][2]
4042
4143
1. In the subnet section, click **"+ Add Subnet"** and enter the following information and click **"Add"**
4244

43-
![Add Subnet][3]
45+
> [!div class="mx-imgBorder"]
46+
>![Add Subnet][3]
4447
4548
1. Click **"Review + create"**
4649

@@ -52,15 +55,17 @@ In this section, you'll create a virtual network and subnet.
5255

5356
1. In Create a virtual machine - Basics, enter or select this information:
5457

55-
![Virtual Machine basic ][4]
58+
> [!div class="mx-imgBorder"]
59+
>![Virtual Machine basic ][4]
5660
5761
1. Select **"Next: Disks"**
5862

59-
Keep default settings.
63+
Keep default settings.
6064

6165
1. Select **"Next: Networking"**, select this information:
6266

63-
![Networking ][5]
67+
> [!div class="mx-imgBorder"]
68+
>![Networking ][5]
6469
6570
1. Click **"Review + Create"**
6671

@@ -71,15 +76,16 @@ Keep default settings.
7176
In this section, you will create a private Web App using a Private Endpoint to it.
7277

7378
> [!Note]
74-
>The Private Endpoint feature is only available for the Premium V2 tier, and the Isolated tier with an external App Service Environment (ASE).
79+
>The Private Endpoint feature is only available for the Premium V2 SKU.
7580
7681
### Web App
7782

7883
1. On the upper-left side of the screen in the Azure portal, select **Create a resource** > **Web** > **Web App**
7984

8085
1. In Create Web App - Basics, enter or select this information:
8186

82-
![Web App basic ][6]
87+
> [!div class="mx-imgBorder"]
88+
>![Web App basic ][6]
8389
8490
1. Select **"Review + create"**
8591

@@ -89,31 +95,37 @@ In this section, you will create a private Web App using a Private Endpoint to i
8995

9096
1. In the Web App properties, select **Settings** > **Networking** and click on **"Configure your private endpoint connections"**
9197

92-
![Web App networking][7]
98+
> [!div class="mx-imgBorder"]
99+
>![Web App networking][7]
93100
94101
1. In the wizard, click **"+ add"**
95102

96-
![Web App Private Endpoint][8]
103+
> [!div class="mx-imgBorder"]
104+
>![Web App Private Endpoint][8]
97105
98106
1. Fill the subscription, VNet, and Subnet information and click **"OK"**
99107

100-
![Web App Networking][9]
108+
> [!div class="mx-imgBorder"]
109+
>![Web App Networking][9]
101110
102111
1. Review the creation of the private endpoint
103112

104-
![Review][10]
105-
![Final view of the Private endpoint][11]
113+
> [!div class="mx-imgBorder"]
114+
>![Review][10]
115+
>![Final view of the Private endpoint][11]
106116
107117
## Connect to a VM from the internet
108118

109119
1. In the portal's search bar, enter **myVm**
110120
1. Select the **Connect button**. After selecting the Connect button, Connect to virtual machine opens, select **RDP**
111121

112-
![RDP button][12]
122+
> [!div class="mx-imgBorder"]
123+
>![RDP button][12]
113124
114125
1. Azure creates a Remote Desktop Protocol (.rdp) file and downloads it to your computer after you click on **Download RDP file**
115126

116-
![Download RDP file][13]
127+
> [!div class="mx-imgBorder"]
128+
>![Download RDP file][13]
117129
118130
1. Open the downloaded.rdp file.
119131

@@ -135,38 +147,45 @@ In this section, you will connect privately to the Web App using the Private End
135147

136148
1. Get the private IP of your Private Endpoint, in the search bar type **Private Link**, and select Private Link
137149

138-
![Private Link][14]
150+
> [!div class="mx-imgBorder"]
151+
>![Private Link][14]
139152
140153
1. In the Private Link Center, select **Private Endpoints** to list all your Private Endpoints
141154

142-
![Private Link center][15]
155+
> [!div class="mx-imgBorder"]
156+
>![Private Link center][15]
143157
144158
1. Select the Private Endpoint link to your Web App and your subnet
145159

146-
![Private endpoint properties][16]
160+
> [!div class="mx-imgBorder"]
161+
>![Private endpoint properties][16]
147162
148163
1. Copy the Private IP of your Private Endpoint and the FQDN of your Web App, in our case webappdemope.azurewebsites.net 10.10.2.4
149164

150165
1. In the myVM, verify that the Web App is not accessible through the public IP. Open a browser and copy the Web App name, you must have a 403 forbidden error page
151166

152-
![Forbidden][17]
167+
> [!div class="mx-imgBorder"]
168+
>![Forbidden][17]
153169
154-
> [!Note]
170+
> [!Important]
155171
> As this feature is in preview, you need to manually manage the DNS entry.
156172
157173
1. Create the host entry, open file explorer and locate the hosts file
158174

159-
![Hosts file][18]
175+
> [!div class="mx-imgBorder"]
176+
>![Hosts file][18]
160177
161178
1. Add an entry with the private IP address and the public name of your Web App by editing the hosts file with notepad
162179

163-
![Hosts content][19]
180+
> [!div class="mx-imgBorder"]
181+
>![Hosts content][19]
164182
165183
1. Save the file
166184

167185
1. Open a browser and type the url of your web app
168186

169-
![Web site with PE][20]
187+
> [!div class="mx-imgBorder"]
188+
>![Web site with PE][20]
170189
171190
1. You are accessing to your Web App through the Private Endpoint
172191

0 commit comments

Comments
 (0)