Oefening: bestanden doorvoeren in uw opslagplaats en hun geschiedenis weergeven

4 minuten

In de vorige oefening hebt u een Git-opslagplaats geïnitialiseerd voor de website van uw speelgoedbedrijf. U hebt een Bicep-bestand toegevoegd, maar u hebt het niet doorgevoerd.

In deze oefening gaat u het volgende doen:

Voer het bestand door dat u in de vorige oefening hebt gemaakt.
Voeg een nieuwe Bicep-module toe en vergelijk de verschillen in uw Bicep-code met behulp van Git.
Voer de bijgewerkte Bicep-code door.
Bekijk de doorvoergeschiedenis en de geschiedenis van het bicep-bestand.

Het proces voor het aanbrengen van meer wijzigingen in uw Bicep-code laat zien hoe u met Git en Visual Studio Code wijzigingen kunt bijhouden en beheren.

Het Bicep-bestand doorvoeren met behulp van de Git CLI

Voer met behulp van de Visual Studio Code-terminal de volgende opdracht uit om het bestand main.bicep uit te voeren:
```
git add deploy/main.bicep
```
Voer de volgende opdracht uit om de gefaseerde wijzigingen door te voeren en een doorvoerbericht op te geven:
```
git commit --message "Add first version of Bicep template"
```

Een Bicep-module toevoegen

Hier voegt u een Bicep-module toe en verwijst u ernaar vanuit uw main.bicep-bestand .

Maak in de implementatiemap een submap met de naam modules.
Maak in de map modules een nieuw bestand met de naam app-service.bicep.
Open en sla het lege bestand app-service.bicep op, zodat Visual Studio Code de Bicep-hulpprogramma's laadt.

Kopieer de volgende code naar app-service.bicep:

@description('The Azure region into which the resources should be deployed.')
param location string

@description('The type of environment. This must be nonprod or prod.')
@allowed([
  'nonprod'
  'prod'
])
param environmentType string

@description('The name of the App Service app. This name must be globally unique.')
param appServiceAppName string

var appServicePlanName = 'toy-website-plan'
var appServicePlanSkuName = (environmentType == 'prod') ? 'P2v3' : 'F1'
var appServicePlanTierName = (environmentType == 'prod') ? 'PremiumV3' : 'Free'

resource appServicePlan 'Microsoft.Web/serverfarms@2024-04-01' = {
  name: appServicePlanName
  location: location
  sku: {
    name: appServicePlanSkuName
    tier: appServicePlanTierName
  }
}

resource appServiceApp 'Microsoft.Web/sites@2024-04-01' = {
  name: appServiceAppName
  location: location
  properties: {
    serverFarmId: appServicePlan.id
    httpsOnly: true
  }
}

Sla het bestand app-service.bicep op en sluit het.
Open het bestand main.bicep .

Voeg onder de parameterdeclaraties de volgende parameterdeclaratie en moduledefinitie toe:

@description('The name of the App Service app. This name must be globally unique.')
param appServiceAppName string = 'toyweb-${uniqueString(resourceGroup().id)}'

module appService 'modules/app-service.bicep' = {
  name: 'app-service'
  params: {
    location: location
    environmentType: environmentType
    appServiceAppName: appServiceAppName
  }
}

Sla het bestand main.bicep op en sluit het.

De verschillen vergelijken

Nu u een wijziging hebt aangebracht in het bestand main.bicep , gaan we de verschillen controleren. Het is een goed idee om de verschillen te bekijken in elk bestand dat u gaat faseren en doorvoeren. U controleert of uw wijzigingen juist zijn.

In Visual Studio Code selecteert u >of selecteert u Ctrl+Shift+G op het toetsenbord.
Selecteer in het deelvenster Broncodebeheer dat wordt geopend het bestand main.bicep .

Er wordt een weergave van bestandsverschillen geopend.

U ziet dat Visual Studio Code u de wijzigingen laat zien die u hebt aangebracht. Het oorspronkelijke bestand bevindt zich aan de linkerkant en het gewijzigde bestand bevindt zich aan de rechterkant. Toevoegingen aan het bestand worden groen weergegeven. Wanneer u een bestand bewerkt en inhoud verwijdert, worden de verwijderingen rood weergegeven.
Open de verschillen voor het bestand app-service.bicep .

U ziet dat er niets aan de linkerkant van de verschilweergave staat, omdat dit bestand nieuw is en nog niet is toegevoegd aan de opslagplaats.

De bijgewerkte Bicep-code doorvoeren met Visual Studio Code

Nu u de wijzigingen hebt gecontroleerd en tevreden bent, voert u de update door naar het bestand. Deze keer gebruikt u Visual Studio Code.

Open source-besturingselement.

Er moeten twee gewijzigde bestanden worden weergegeven. Als u ze niet ziet, selecteert u de knop Vernieuwen, zodat Visual Studio Code scant op wijzigingen.
Selecteer elk van de twee gewijzigde bestanden en faseer ze. U kunt het pluspictogram (+) voor elk bestand selecteren of elk bestand ingedrukt houden (of met de rechtermuisknop klikken) en fasewijzigingen selecteren.
Voer boven aan broncodebeheer een beschrijvend doorvoerbericht in, zoals:
```
Add App Service module
```
Selecteer het vinkje boven het tekstvak voor het doorvoerbericht. Of u kunt Doorvoeren selecteren.

Visual Studio Code doorvoert de twee wijzigingen.

De doorvoergeschiedenis weergeven met behulp van de Git CLI

Voer in de Visual Studio Code-terminal de volgende opdracht in om de doorvoergeschiedenis van de opslagplaats weer te geven:

git log --pretty=oneline

De uitvoer ziet er ongeveer als volgt uit:

238b0867f533e14bcaabbade31b9d9e1bda6123b (HEAD -> main) Add App Service module
9e41f816bf0f5c590cee88590aacc977f1361124 Add first version of Bicep template

Inspecteer de uitvoer. U ziet dat beide doorvoeringen worden weergegeven in de doorvoergeschiedenis.

De geschiedenis van een bestand weergeven met behulp van Visual Studio Code

U kunt ook de geschiedenis van één bestand, de status van het bestand van die doorvoering bekijken en de wijziging die de doorvoering heeft toegepast.

Open Explorer in Visual Studio Code.
Selecteer en houd het bestand main.bicep ingedrukt (of klik erop met de rechtermuisknop) en selecteer vervolgens Tijdlijn openen.

De tijdlijn wordt geopend en toont beide doorvoeringen.
Selecteer elke doorvoering in de lijst om de status van het bestand op dat moment weer te geven.