Skip to content

Commit e60aff5

Browse files
author
RoseHJM
committed
Extending steps.
1 parent 1ea8bf6 commit e60aff5

File tree

7 files changed

+44
-17
lines changed

7 files changed

+44
-17
lines changed

articles/deployment-environments/how-to-create-environment-with-azure-developer.md

Lines changed: 44 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ powershell -ex AllSigned -c "Invoke-RestMethod 'https://aka.ms/install-azd.ps1'
6363

6464
### Sign in with Azure Developer CLI
6565

66-
Access your Azure resources by logging in. When you initiate a login, a browser window opens and prompts you to login to Azure. After you sign in, the terminal displays a message that you're signed in to Azure.
66+
Access your Azure resources by logging in. When you initiate a log in, a browser window opens and prompts you to log in to Azure. After you sign in, the terminal displays a message that you're signed in to Azure.
6767

6868
Sign in to AZD using the command palette:
6969

@@ -130,17 +130,34 @@ AZD uses an *azure.yaml* file to define the environment. The azure.yaml file def
130130

131131
:::image type="content" source="media/how-to-create-environment-with-azure-developer/use-code-current-directory.png" alt-text="Screenshot of the AZD terminal in Visual Studio Code, showing the Use code in current directory prompt." lightbox="media/how-to-create-environment-with-azure-developer/use-code-current-directory.png":::
132132

133-
1. AZD scans the current directory and gathers more information depending on the type of app you're building. Follow the prompts to configure your AZD environment.
133+
1. `azd init` identifies the services defined in your app code and prompts you to confirm and continue, remove a service, or add a service. Select ***Confirm and continue initializing my app***.
134+
135+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-services.png" alt-text="Screenshot showing the AZD init prompt to confirm and continue, remove a service, or add a service." lightbox="media/how-to-create-environment-with-azure-developer/init-services.png":::
136+
137+
1. `azd init` continues to gather information to configure your app. For this example application, you're prompted for the name of your MongoDB database instance, and ports that the services listen on.
138+
139+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-app-services.png" alt-text="Screenshot showing the azd init prompt for a database name." lightbox="media/how-to-create-environment-with-azure-developer/init-app-services.png":::
140+
141+
1. Enter a name for your local AZD environment.
142+
143+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-new-environment-name.png" alt-text="Screenshot showing azd init prompt Enter a new environment name." lightbox="media/how-to-create-environment-with-azure-developer/init-new-environment-name.png":::
144+
145+
1. `azd init` displays a list of the projects you have access to. Select the project for your environment
134146

135-
1. Finally, enter a name for your local AZD environment.
147+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-select-project.png" alt-text="Screenshot showing azd init prompt Select project." lightbox="media/how-to-create-environment-with-azure-developer/init-select-project.png":::
148+
149+
1. `azd init` displays a list of environment definitions in the project. Select an environment definitions.
150+
151+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/select-environment-definition.png" alt-text="Screenshot showing azd init prompt Select environment definitions." lightbox="media/how-to-create-environment-with-azure-developer/select-environment-definition.png":::
136152

137-
AZD creates an *azure.yaml* file in the root of your project.
153+
154+
AZD creates the project resources, including an *azure.yaml* file in the root of your project.
138155

139156
# [Azure Developer CLI](#tab/azure-developer-cli)
140157

141158
1. At the CLI, navigate to the folder that contains your application code.
142159

143-
1. Run the following command to initialize your application and supply infomation when prompted:
160+
1. Run the following command to initialize your application and supply information when prompted:
144161

145162
```bash
146163
azd init
@@ -155,13 +172,23 @@ AZD uses an *azure.yaml* file to define the environment. The azure.yaml file def
155172

156173
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-services.png" alt-text="Screenshot showing the AZD init prompt to confirm and continue, remove a service, or add a service." lightbox="media/how-to-create-environment-with-azure-developer/init-services.png":::
157174

158-
1. `azd init` continues to gather information to configure your app. For this example application, you're prompted for the name of your MongoDB database instance.
175+
1. `azd init` continues to gather information to configure your app. For this example application, you're prompted for the name of your MongoDB database instance, and ports that the services listen on.
176+
177+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-app-services.png" alt-text="Screenshot showing the azd init prompt for a database name." lightbox="media/how-to-create-environment-with-azure-developer/init-app-services.png":::
159178

160-
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-database.png" alt-text="Screenshot showing the azd init prompt for a database name." lightbox="media/how-to-create-environment-with-azure-developer/init-database.png":::
179+
1. Enter a name for your local AZD environment.
161180

162-
1. Finally, enter a name for your local AZD environment.
181+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-new-environment-name.png" alt-text="Screenshot showing azd init prompt Enter a new environment name." lightbox="media/how-to-create-environment-with-azure-developer/init-new-environment-name.png":::
182+
183+
1. `azd init` displays a list of the projects you have access to. Select the project for your environment
184+
185+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/init-select-project.png" alt-text="Screenshot showing azd init prompt Select project." lightbox="media/how-to-create-environment-with-azure-developer/init-select-project.png":::
186+
187+
1. `azd init` displays a list of environment definitions in the project. Select an environment definitions.
188+
189+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/select-environment-definition.png" alt-text="Screenshot showing azd init prompt Select environment definitions." lightbox="media/how-to-create-environment-with-azure-developer/select-environment-definition.png":::
163190

164-
AZD creates an *azure.yaml* file in the root of your project.
191+
AZD creates the project resources, including an *azure.yaml* file in the root of your project.
165192
---
166193

167194
### Provision infrastructure to Azure Deployment Environment
@@ -177,7 +204,7 @@ When you're ready, you can provision your local environment to a remote Azure De
177204
1. AZD scans Azure Deployment Environments for projects that you have access to. In the AZD terminal, select or enter the following information:
178205
1. Project
179206
1. Environment definition
180-
1. Environment name
207+
1. Environment type
181208
1. Location
182209

183210
1. AZD instructs ADE to create a new environment based on the information you gave in the previous step.
@@ -192,21 +219,21 @@ Provision your application to Azure using the following command:
192219
azd provision
193220
```
194221

195-
1. 'azd init' provides a list of projects that you have access to. Select the project that you want to provision your application to.
222+
1. 'azd provision' provides a list of projects that you have access to. Select the project that you want to provision your application to.
196223

197224
:::image type="content" source="media/how-to-create-environment-with-azure-developer/select-project.png" alt-text="Screenshot showing the azd init prompt to select a project." lightbox="media/how-to-create-environment-with-azure-developer/select-project.png":::
198225

199-
1. 'azd init' provides a list of environment definitions in the selected project. Select the environment definition that you want to use to provision your application.
226+
1. 'azd provision' provides a list of environment definitions in the selected project. Select the environment definition that you want to use to provision your application.
200227

201228
:::image type="content" source="media/how-to-create-environment-with-azure-developer/select-environment-definition.png" alt-text="Screenshot showing the azd init prompt to select an environment definition." lightbox="media/how-to-create-environment-with-azure-developer/select-environment-definition.png":::
202229

203-
1. 'azd init' provides a list of environment types in the selected project. Select the environment type that you want to use to provision your application.
230+
1. 'azd provision' provides a list of environment types in the selected project. Select the environment type that you want to use to provision your application.
204231

205232
:::image type="content" source="media/how-to-create-environment-with-azure-developer/select-environment-type.png" alt-text="Screenshot showing the azd init prompt to select an environment type." lightbox="media/how-to-create-environment-with-azure-developer/select-environment-type.png":::
206233

207234
1. AZD instructs ADE to create a new environment based on the information you gave in the previous step.
208235

209-
:::image type="content" source="media/how-to-create-environment-with-azure-developer/provision-progress.png" alt-text="Screenshot showing the AZD provisioning progess." lightbox="media/how-to-create-environment-with-azure-developer/provision-progress.png":::
236+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/provision-progress.png" alt-text="Screenshot showing the AZD provisioning progress." lightbox="media/how-to-create-environment-with-azure-developer/provision-progress.png":::
210237

211238
1. You can view the resources created in the Azure portal or in the [developer portal](https://devportal.microsoft.com).
212239

@@ -232,7 +259,7 @@ Use the following command to view the environments that you have access to: the
232259
azd env list
233260
```
234261

235-
`azd init` prompts you to select a project and an environment definition.
262+
`azd env list` prompts you to select a project and an environment definition.
236263

237264
:::image type="content" source="media/how-to-create-environment-with-azure-developer/environments-list.png" alt-text="Screenshot showing the local AZD environment and the remote Azure environment." lightbox="media/how-to-create-environment-with-azure-developer/environments-list.png":::
238265

@@ -261,7 +288,7 @@ Deploying your code to the remote environment can take several minutes.
261288

262289
You can view the progress of the deployment in the Azure portal:
263290

264-
:::image type="content" source="media/how-to-create-environment-with-azure-developer/azure-portal-deploy-in-progress.png" alt-text="Screenshot showing AZD provisioning progress in the Azure portal." lightbox="media/how-to-create-environment-with-azure-developer/azure-portal-deploy-progress.png":::
291+
:::image type="content" source="media/how-to-create-environment-with-azure-developer/azure-portal-deploy-in-progress.png" alt-text="Screenshot showing AZD provisioning progress in the Azure portal." lightbox="media/how-to-create-environment-with-azure-developer/azure-portal-deploy-in-progress.png":::
265292

266293
When deployment completes, you can view the resources that were provisioned in the Azure portal:
267294

@@ -271,7 +298,7 @@ You can verify that your code is deployed by selecting the end point URLs listed
271298

272299
:::image type="content" source="media/how-to-create-environment-with-azure-developer/deploy-endpoint.png" alt-text="Screenshot showing the endpoint AZD deploy creates." lightbox="media/how-to-create-environment-with-azure-developer/deploy-endpoint.png":::
273300

274-
For this sample application, you'll see something like this:
301+
For this sample application, you see something like this:
275302

276303
:::image type="content" source="media/how-to-create-environment-with-azure-developer/test-swagger.png" alt-text="Screenshot showing application in swagger interface." lightbox="media/how-to-create-environment-with-azure-developer/test-swagger.png":::
277304

12.5 KB
Loading
Loading
7.74 KB
Loading
Loading
-822 Bytes
Loading
-5.63 KB
Loading

0 commit comments

Comments
 (0)