Skip to content

Commit 48fbf94

Browse files
code improvements for quest 3
1 parent 738d818 commit 48fbf94

File tree

1 file changed

+11
-5
lines changed

1 file changed

+11
-5
lines changed

.github/steps/3-add-chat-ui.md

Lines changed: 11 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,11 @@ In your current working directory, _(at the root)_, run the following command to
3737
azd init -t Azure-Samples/vite-chat-interface
3838
```
3939

40+
> [!Note]
41+
> After running the above command, select **Keep my existing files unchanged** for the following option.
42+
>
43+
> ![azd files option to kep](https://github.com/Azure-Samples/JS-AI-Build-a-thon/blob/assets/jsai-buildathon-assets/azd-files-options.png?raw=true)
44+
4045
This will initialize a new Vite project and add the necessary files and folders to your project:
4146

4247
```markdown
@@ -226,7 +231,7 @@ The project is already configured to deploy the webapp (frontend) to Azure Stati
226231

227232
```yaml
228233
webapp:
229-
project: packages/webapp
234+
project: webapp
230235
host: staticwebapp
231236
language: js
232237
dist: dist
@@ -254,11 +259,13 @@ module webapp 'br/public:avm/res/web/static-site:0.7.0' = {
254259
}
255260
}
256261
```
262+
However, remember you updated the path to the `webapp` folder when we moved it to the `packages` folder. **So change the project path in `azure.yaml` to `project: packages/webapp` for the webapp service**
263+
257264
The webapi service is not yet configured in the `azure.yaml` file. To add the webapi service, add the following code to the `azure.yaml` file inside the `services` node:
258265

259266
```yaml
260267
webapi:
261-
project: packages/webapp
268+
project: packages/webapi
262269
host: appservice
263270
language: js
264271
```
@@ -281,6 +288,7 @@ module webapi 'br/public:avm/res/web/site:0.15.1' = {
281288
params: {
282289
kind: 'app'
283290
name: webapiName
291+
tags: union(tags, { 'azd-service-name': webapiName })
284292
serverFarmResourceId: serverfarm.outputs.resourceId
285293
}
286294
}
@@ -289,7 +297,7 @@ module webapi 'br/public:avm/res/web/site:0.15.1' = {
289297
Declare the following parameters at the top of the `main.bicep` file to pass the names of the webapi and app service plan to the module:
290298

291299
```bash
292-
param webapiName string = 'webapi'
300+
param webapiName string = '<your-unique-string>' #use a unique string. avoid common names like webapi, website etc.
293301
param appServicePlanName string = 'appserviceplan'
294302
```
295303

@@ -337,8 +345,6 @@ To complete this quest and **AUTOMATICALLY UPDATE** your progress, you MUST push
337345

338346
Here are some additional resources to help you learn more about tools used in this step:
339347

340-
- https://vite.dev/
341-
- https://lit.dev/
342348
- [Accelerate your journey to the cloud with azd](https://azure.github.io/awesome-azd/getting-started)
343349
- [📹 BRK118: Accelerate Azure Development with GitHub Copilot, VS Code & AI](https://build.microsoft.com/en-US/sessions/BRK118?source=sessions)
344350
- [Introducing the Azure Developer CLI (azd): A faster way to build apps for the cloud blog](https://devblogs.microsoft.com/azure-sdk/introducing-the-azure-developer-cli-a-faster-way-to-build-apps-for-the-cloud/)

0 commit comments

Comments
 (0)