Make dev container support az command and make console to display Deployment service ai and frontend

Author: howieleung

.devcontainer/devcontainer.json

@@ -3,6 +3,7 @@
     "image": "mcr.microsoft.com/devcontainers/python:3.11-bullseye",
     "forwardPorts": [50505],
     "features": {
+        "ghcr.io/devcontainers/features/azure-cli:1.2.6": {},
         "ghcr.io/azure/azure-dev/azd:latest": {}
     },
     "customizations": {

azure.yaml

@@ -7,11 +7,12 @@ metadata:
   template: [email protected]
 
 services:
-  api:
+  "api and frontend":
     project: ./src
     language: py
     host: containerapp
     docker:
+      image: api-and-frontend
       remoteBuild: true
 
 hooks:

infra/api.bicep

@@ -69,8 +69,10 @@ var env = [
   }
 ]
 
+var module_name = replace(serviceName, ' ', '-')
+
 module app 'core/host/container-app-upsert.bicep' = {
-  name: '${serviceName}-container-app-module'
+  name: '${module_name}-container-app-module'
   params: {
     name: name
     location: location

infra/main.bicep

@@ -280,6 +280,7 @@ module api 'api.bicep' = {
     name: 'ca-api-${resourceToken}'
     location: location
     tags: tags
+    serviceName: 'api and frontend'
     identityName: '${abbrs.managedIdentityUserAssignedIdentities}api-${resourceToken}'
     containerAppsEnvironmentName: containerApps.outputs.environmentName
     containerRegistryName: containerApps.outputs.registryName