|
| 1 | +# AI Tour Edition |
| 2 | + |
| 3 | +The [Microsoft AI Tour](https://aka.ms/aitour) edition is meant to be used with the instructor-led **WRK550** workshops run using the Skillable lab platform. This version is designed for a **75 minute** in-venue session and provides you with an Azure subscription that is **pre-provisioned** with required resources. Just bring your own laptop (and charger) and dive in! |
| 4 | + |
| 5 | +--- |
| 6 | + |
| 7 | + |
| 8 | +## 1. Getting Started |
| 9 | + |
| 10 | +_Let's organize our development environment and get setup for the workshop._ |
| 11 | + |
| 12 | +??? note "Step 1: Launch Skillable" |
| 13 | + |
| 14 | + 1. Open a new browser window |
| 15 | + 1. Navigate to Skillable Lab (`link`) = Tab 1️⃣ |
| 16 | + 1. Click `Launch` - opens window with Login, Instructions = Tab 2️⃣ |
| 17 | + 1. Click `Resources` tab - find admin `Password` |
| 18 | + 1. Click to fill password for login - confirm |
| 19 | + 1. You should see: Windows 11 Desktop ✅ |
| 20 | + 1. Revisit `Resources` tab - look for `Azure Portal` section |
| 21 | + 1. Verify `Subscription`, `Username`, `Password` assigned ✅ |
| 22 | + |
| 23 | + **🌟 | CONGRATULATIONS!** - Your Skillable setup is ready. |
| 24 | + |
| 25 | +??? note "Step 2: Launch GitHub Codespaces" |
| 26 | + |
| 27 | + 1. Open a new browser tab = Tab 3️⃣ |
| 28 | + 1. Navigate to the workshop sample ([Contoso Chat](https://aka.ms/aitour/contoso-chat)) |
| 29 | + 1. Log into GitHub - use a personal login account |
| 30 | + 1. Fork this sample to your profile - uncheck `main` to get branches |
| 31 | + 1. Switch to `aitour-2025` branch in your fork |
| 32 | + 1. Click green `Code` button, select `Codespaces` tab |
| 33 | + 1. Click `Create new codespaces on aitour-fy25` |
| 34 | + 1. This should launch a new browser tab = Tab 4️⃣ |
| 35 | + 1. Verify the new tab shows a VS Code editor ✅ |
| 36 | + 1. Codespaces is loading ... this take a while |
| 37 | + |
| 38 | + **🌟 | CONGRATULATIONS!** - Your Codespaces is running |
| 39 | + |
| 40 | +??? note "Step 3: View Azure Portal" |
| 41 | + |
| 42 | + 1. Open a new browser tab = Tab 5️⃣ |
| 43 | + 1. Navigate to the [Azure Portal](https://portal.azure.com) |
| 44 | + 1. Sign in with Skillable `Username`-`Password` from Step 1. |
| 45 | + 1. Click `Resource Groups` - refresh periodically if needed |
| 46 | + 1. See: resource group `rg-AITOUR` created ✅ |
| 47 | + 1. Click resource group item - view details page |
| 48 | + 1. Click `Deployments` - refresh, check if all `Succeeded` ✅ |
| 49 | + 1. Click `Overview` - check if `15 resources` created ✅ |
| 50 | + |
| 51 | + **🌟 | CONGRATULATIONS!** - Your Azure Infra is Provisioned! |
| 52 | + |
| 53 | +??? note "Step 4: View Azure AI Studio" |
| 54 | + |
| 55 | + 1. Open a new browser tab = Tab 6️⃣ |
| 56 | + 1. Navigate to the [Azure AI Studio](https://ai.azure.com) |
| 57 | + 1. Click `Sign in` - should auto-login with Azure credentials |
| 58 | + 1. Click `All resources` - see: a hub resource listed |
| 59 | + 1. Click hub resource - see: a project resource listed |
| 60 | + 1. Click project resource, `Settings` - see: 5 connections listed |
| 61 | + 1. Verify `aoai-connection` and `search-service-connection` setup ✅ |
| 62 | + 1. Click `Deployments` tab - see 4 models in each category |
| 63 | + 1. Verify `gpt-4`, `gpt-35-turbo`, `text-embedding-ada-002` exist ✅ |
| 64 | + |
| 65 | + **🌟 | CONGRATULATIONS!** - Your Azure AI Project was created! |
| 66 | + |
| 67 | +??? note "Step 5: View Container Apps Endpoint" |
| 68 | + |
| 69 | + 1. Return to Azure Portal = Tab 5️⃣ |
| 70 | + 1. Visit the `rg-AITOUR` Resource group page |
| 71 | + 1. Click the `Container Apps` resource - see details page |
| 72 | + 1. Look for `Application Url` - at top right |
| 73 | + 1. Click to launch in new tab = Tab 7️⃣ |
| 74 | + 1. See: page with `Welcome to Container Apps` |
| 75 | + |
| 76 | + **🌟 | CONGRATULATIONS!** - Your ACA Endpoint is provisioned! |
| 77 | + |
| 78 | + |
| 79 | +??? tip "This Completes Setup. Let's Review" |
| 80 | + |
| 81 | + _You should have 7 open tabs as follows_. |
| 82 | + |
| 83 | + 1. Skillable Lab |
| 84 | + 2. Skillable VM |
| 85 | + 3. GitHub Repo |
| 86 | + 4. GitHub Codespaces |
| 87 | + 5. Azure Portal |
| 88 | + 6. Azure AI Studio |
| 89 | + 7. Azure Container Apps. |
| 90 | + |
| 91 | +--- |
| 92 | + |
| 93 | +## 2. Setup Local Dev Env |
| 94 | + |
| 95 | +_Let's get back to the GitHub Codespaces tab and configure our Visual Studio Code environment to work with our provisioned Azure backend._ |
| 96 | + |
| 97 | + |
| 98 | +??? note "Step 1: Validate Codespaces Ready" |
| 99 | + |
| 100 | + 1. Return to GitHub Codespaces (tab 4️⃣) |
| 101 | + 1. See: VS Code editor with terminal open |
| 102 | + 1. Verify: `Prompty Extension` in sidebar (left, bottom) |
| 103 | + 1. Verify: Cursor ready in VS Code terminal (bottom) |
| 104 | + 1. Verify Python installed: `python --version` ✅ |
| 105 | + 1. Verify Azure CLI installed: `az version` ✅ |
| 106 | + 1. Verify Azure Developer CLI installed: `azd version` ✅ |
| 107 | + 1. Verify Prompty installed: `prompty --version` ✅ |
| 108 | + 1. Verify FastAPI installed: `fastapi --version` ✅ |
| 109 | + |
| 110 | +??? note "Step 2: Authenticate with Azure via CLIs" |
| 111 | + |
| 112 | + 1. Log into Azure CLI - `az login --use-device-code` |
| 113 | + 1. Complete authflow - use default tenant, subscription |
| 114 | + 1. You are now logged into Azure CLI ✅ |
| 115 | + 1. Log into Azure Developer CLI - `azd auth login` |
| 116 | + 1. Complete authflow - see: "Logged in to Azure" ✅ |
| 117 | + |
| 118 | +??? note "Step 3: Refresh Azure Dev Env in local env" |
| 119 | + |
| 120 | + 1. Run `azd env refresh -e AITOUR` in terminal |
| 121 | + 1. Select default subscription |
| 122 | + 1. Select `francecentral` as Azure location |
| 123 | + 1. See: `SUCCESS: Environment refresh completed` |
| 124 | + 1. See: `.azure/AITOUR/.env` created with values ✅ |
| 125 | + |
| 126 | +??? note "Step 4: Run post-provisioning hooks" |
| 127 | + |
| 128 | + 1. Run `azd hooks run postprovision` in terminal |
| 129 | + 1. Run `bash infra/hooks/update-roles.sh` in terminal |
| 130 | + 1. Run `bash infra/hooks/populate-data.sh` in terminal |
| 131 | + 1. This will take a few minutes .... |
| 132 | + 1. Builds and deploys container app .. |
| 133 | + 1. Sets .env variables |
0 commit comments