演習-Bicep テンプレートでリソースを定義する

完了

サンドボックスを初めてアクティブ化して条項に同意すると、Microsoft アカウントは Microsoft Learn Sandbox という名前の新しい Azure ディレクトリに関連付けられます。 また、 コンシェルジェ サブスクリプションという名前の特別なサブスクリプションにも追加されます。

玩具立ち上げ Web サイトでは、まず基本的な Bicep テンプレートを作成して概念実証を作成することを決定します。 この演習では、ストレージ アカウント、Azure App Service プラン、アプリを作成します。 後で、再利用できるようにテンプレートを変更します。

このプロセスでは、次のことを行います。

  • ハード コーディングされた値を含む単一のストレージ アカウント リソースを定義するテンプレートを作成します。
  • インフラストラクチャをプロビジョニングし、結果を確認します。
  • テンプレートに App Service プランとアプリを追加します。
  • インフラストラクチャをもう一度プロビジョニングして、新しいリソースを確認します。

この演習では、 Visual Studio Code 用の Bicep 拡張機能を使用します。 この拡張機能を Visual Studio Code にインストールしてください。

ストレージ アカウントを含む Bicep テンプレートを作成する

  1. Visual Studio Code を開きます。

  2. main.bicep という名前の新しいファイルを作成します。

  3. Visual Studio Code によって Bicep ツールが読み込まれるように、空のファイルを保存します。

    [ファイル]>[名前を付けて保存] を選択するか、Windows で Ctrl + S キーを押します (macOS の場合は ⌘+ S)。 ファイルを保存した場所を忘れないようにしてください。 たとえば、ファイルを保存する テンプレート フォルダーを作成できます。

  4. そのファイルに次の Bicep コードを追加します。 すぐにテンプレートをデプロイします。 Bicep ファイルの記述にツールがどのように役立つか確認できるように、コードをコピーして貼り付けるのではなく、自分で入力することをお勧めします。

    resource storageAccount 'Microsoft.Storage/storageAccounts@2023-05-01' = {
      name: 'toylaunchstorage'
      ___location: 'eastus'
      sku: {
        name: 'Standard_LRS'
      }
      kind: 'StorageV2'
      properties: {
        accessTier: 'Hot'
      }
    }
    

    ヒント

    Bicep は、改行を配置する場所については厳密であるため、ここに記載されているものとは異なる場所に改行を挿入しないようにしてください。

    入力に応じて、Visual Studio Code では、プロパティ名が自動的に提示されることに注意してください。 Visual Studio Code の Bicep 拡張機能は、テンプレートで定義しているリソースを認識し、使用可能なプロパティと値の一覧を表示します。

  5. それぞれのストレージ アカウントにはグローバルに一意の名前が必要であるため、ストレージ アカウントの名前を toylaunchstorage から、一意であると考えられるものに更新します。 名前は 3 から 24 文字にして、小文字と数字のみを含めるようにします。

    重要

    この手順は省略しないでください。 省略すると、Bicep ファイルは正常にデプロイされません。

  6. 変更をファイルに保存します。

Bicep テンプレートを Azure にデプロイする

このテンプレートを Azure にデプロイするには、Visual Studio Code ターミナルから Azure アカウントにサインインする必要があります。 Azure CLI がインストールされていることを確認し、サンドボックスのアクティブ化に使用したのと同じアカウントでサインインしてください。

  1. [ ターミナル ] メニューの [ 新しいターミナル] を選択します。 通常、ターミナル ウィンドウは画面の下半分に表示されます。

  2. ターミナル ウィンドウの右側に bash が表示されている場合は、正しいシェルが既に開かれていることになります。 別の方法として、右側に bash シェル アイコンが表示されている場合は、それを選択してシェルを起動できます。

    Bash オプションが表示されている Visual Studio Code ターミナル ウィンドウのスクリーンショット。

    bash 以外のシェルが表示される場合は、シェルのドロップダウン矢印を選択し、Git Bash を選択します。

    Visual Studio Code ターミナル ウィンドウのスクリーンショット。ターミナル シェルのドロップダウンが表示され、Git Bash Default が選択されています。

  3. ターミナルで、テンプレートを保存したディレクトリに移動します。 たとえば、テンプレートを templates フォルダーに保存した場合は、次のコマンドを使用できます。

    cd templates
    

Bicep をインストールする

次のコマンドを実行して、最新バージョンの Bicep がインストールされていることを確認します。

az bicep install && az bicep upgrade

Azure へのサインイン

  1. Visual Studio Code ターミナルで、次のコマンドを実行して Azure にサインインします。

    az login
    
  2. 開いたブラウザーで、Azure アカウントにサインインします。 Visual Studio Code ターミナルには、このアカウントに関連付けられているサブスクリプションの一覧が表示されます。 コンシェルジェ サブスクリプションという名前のサブスクリプションを選択します。

    最近複数のサンドボックスを使用した場合、 ターミナルにコンシェルジェ サブスクリプションの複数のインスタンスが表示されることがあります。 その場合は、次の 2 つのステップを使用して、1 つを既定のサブスクリプションとして設定します。

    1. コンシェルジェ サブスクリプションの ID を取得します。

        az account list \
         --refresh \
         --query "[?contains(name, 'Concierge Subscription')].id" \
         --output table
      
    2. サブスクリプション ID を使用して、既定のサブスクリプションを設定します。 {サブスクリプション ID} を最新のコンシェルジェ サブスクリプション ID に置き換えます。

      az account set --subscription {your subscription ID}
      

既定のリソース グループを設定する

Azure CLI を使用する場合は、既定のリソース グループを設定し、この演習の残りの Azure CLI コマンドでパラメーターを省略できます。 サンドボックス環境で自分用に作成されたリソース グループに、既定値を設定します。

az configure --defaults group="<rgn>[sandbox resource group name]</rgn>"

テンプレートを Azure にデプロイする

Visual Studio Code のターミナルから次のコマンドを実行して、Bicep テンプレートを Azure にデプロイします。 このコマンドは完了までに 1、2 分かかることがあります。その後、デプロイが成功したことがわかります。 ハードコーディングされている場所に関する警告が表示される場合は、無視してかまいません。 場所は、このモジュールで後ほど修正します。 このまま続けても安全であり、デプロイは成功します。

az deployment group create --name main --template-file main.bicep

ターミナルに Running... が表示されます。

このテンプレートを Azure にデプロイするには、Visual Studio Code ターミナルから Azure アカウントにサインインします。 Azure PowerShell がインストールされていることを確認し、サンドボックスをアクティブ化したのと同じアカウントにサインインします。

  1. [ ターミナル ] メニューの [ 新しいターミナル] を選択します。 通常、ターミナル ウィンドウは画面の下半分に表示されます。

  2. ターミナル ウィンドウの右側に pwsh または powershell が表示されている場合は、正しいシェルが既に開かれていることになります。 別の方法として、右側に PowerShell シェル アイコンが表示されている場合は、それを選択してシェルを起動できます。

    Visual Studio Code ターミナル ウィンドウのスクリーンショット。シェルのドロップダウン リストに pwsh オプションが表示されています。

    pwsh または powershell 以外のシェルが表示される場合は、シェルのドロップダウン矢印を選択し、PowerShell を選択します。

    Visual Studio Code ターミナル ウィンドウのスクリーンショット。ターミナル シェルのドロップダウン リストが表示され、PowerShell が選択されています。

  3. ターミナルで、テンプレートを保存したディレクトリに移動します。 たとえば、テンプレートを templates フォルダーに保存した場合は、次のコマンドを使用できます。

    Set-Location -Path templates
    

Bicep CLI のインストール

Azure PowerShell から Bicep を使用するには、 Bicep CLI をインストールします

Azure PowerShell を使用して Azure にサインインする

  1. Visual Studio Code ターミナルで、次のコマンドを実行します。

    Connect-AzAccount
    

    ブラウザーが開き、Azure アカウントにサインインできるようになります。 ブラウザーがバックグラウンドで開く場合があります。

  2. Azure にサインインすると、ターミナルに、このアカウントに関連付けられているサブスクリプションの一覧が表示されます。 サンドボックスをアクティブ化した場合は、 コンシェルジェ サブスクリプション という名前のサブスクリプションが表示されます。 演習の残りの部分では、これを選択します。

    最近複数のサンドボックスを使用した場合、 ターミナルにコンシェルジェ サブスクリプションの複数のインスタンスが表示されることがあります。 その場合は、次の 2 つのステップを使用して、1 つを既定のサブスクリプションとして設定します。

    1. サブスクリプション ID を取得します。 次のコマンドを実行すると、ご使用のサブスクリプションとその ID が一覧表示されます。 Concierge Subscription を探して、2 番目の列から ID をコピーします。 これは、aaaa0a0a-bb1b-cc2c-dd3d-eeeeee4e4e4e のように表示されます。

      Get-AzSubscription
      
    2. アクティブなサブスクリプションを コンシェルジェ サブスクリプションに変更します。 {Your subscription ID} は、コピーした ID に置き換えてください。

      $context = Get-AzSubscription -SubscriptionId {Your subscription ID}
      Set-AzContext $context
      

既定のリソース グループを設定する

この演習では、既定のリソース グループを設定し、残りの Azure PowerShell コマンドからパラメーターを省略できます。 サンドボックス環境で自分用に作成されたリソース グループに、この既定値を設定します。

Set-AzDefault -ResourceGroupName <rgn>[sandbox resource group name]</rgn>

テンプレートを Azure にデプロイする

ターミナルで、以下の Azure PowerShell コマンドを使用して Azure にテンプレートをデプロイします。 このコマンドは完了までに 1、2 分かかることがあります。その後、デプロイが成功したことがわかります。 ハードコーディングされている場所に関する警告が表示される場合は、無視してかまいません。 場所は、このモジュールで後ほど修正します。 このまま続けても安全であり、デプロイは成功します。

New-AzResourceGroupDeployment -Name main -TemplateFile main.bicep

デプロイを検証する

Bicep テンプレートを初めてデプロイするときは、Azure portal を使用して、展開が正常に完了したことを確認し、結果を検査することができます。

  1. Azure portal に移動し、サンドボックス サブスクリプションにいることを確認します。

    1. それには、ページの右上隅にある自分のアバターを選択します。
    2. [ ディレクトリの切り替え] を選択します。 一覧で、 Microsoft Learn サンドボックス ディレクトリを選択します。
  2. 左側のパネルで、[ リソース グループ] を選択します。

  3. [サンドボックス リソース グループ名] を選択します

  4. [ 概要] で、1 つのデプロイが成功したことを確認できます。 展開を表示するには、[ 要点 ] 領域を展開する必要がある場合があります。

    リソース グループの概要の Azure portal インターフェイスのスクリーンショット。デプロイ セクションに成功したことを示しています。

  5. [1 成功] を選択すると、デプロイの詳細が表示されます。

    デプロイの Azure portal インターフェイスのスクリーンショット。1 つのデプロイが一覧表示され、状態が成功しています。

  6. main という名前のデプロイを選択してデプロイされたリソースを確認し、[デプロイの詳細] を選択して展開します。 この例では、指定した名前のストレージ アカウントがあります。

    1 つのストレージ アカウント リソースが一覧表示された、特定のデプロイの Azure portal インターフェイスのスクリーンショット。

  7. ブラウザーでページを開いたままにします。 デプロイは後でもう一度確認します。

コマンド ラインからデプロイも確認できます。 これを行うには、次の Azure CLI コマンドを実行します。

az deployment group list --output table

コマンド ラインからデプロイも確認できます。 これを行うには、次の Azure PowerShell コマンドを実行します。

Get-AzResourceGroupDeployment -ResourceGroupName <rgn>[sandbox resource group name]</rgn> | Format-Table

Bicep テンプレートに App Service プランとアプリを追加する

前のタスクでは、単一のリソースを含むテンプレートを作成し、それをデプロイする方法を学習しました。 これで、依存関係など、より多くのリソースをデプロイできるようになりました。 このタスクでは、Bicep テンプレートに App Service プランとアプリを追加します。

  1. Visual Studio Code の main.bicep ファイルで、ファイルの下部に次のコードを追加します。

    resource appServicePlan 'Microsoft.Web/serverfarms@2024-04-01' = {
      name: 'toy-product-launch-plan-starter'
      ___location: 'eastus'
      sku: {
        name: 'F1'
      }
    }
    
    resource appServiceApp 'Microsoft.Web/sites@2024-04-01' = {
      name: 'toy-product-launch-1'
      ___location: 'eastus'
      properties: {
        serverFarmId: appServicePlan.id
        httpsOnly: true
      }
    }
    
  2. App Service アプリの名前を toy-product-launch-1 から、一意であると考えられるものに更新します。 名前は 2 から 60 文字にして、大文字と小文字、数字、ハイフンを含めるようにします。先頭または末尾にハイフンを付けることはできません。

  3. 変更をファイルに保存します。

更新された Bicep テンプレートをデプロイする

ターミナルで、次の Azure CLI コマンドを実行します。 ハードコーディングされた場所に関する警告は無視できます。 場所はすぐに修正します。

az deployment group create --name main --template-file main.bicep

ターミナルで、次の Azure PowerShell コマンドを実行します。 ハードコーディングされた場所に関する警告メッセージは無視できます。 場所はすぐに修正します。

New-AzResourceGroupDeployment -Name main -TemplateFile main.bicep

デプロイをチェックする

  1. Azure portal に戻り、リソース グループに移動します。 このデプロイでは最初のデプロイと同じ名前が使用されたので、成功したデプロイの数として表示されるのは 1 件のままです。

  2. [1 成功] リンクを選択します。

  3. main という名前のデプロイを選択し、[デプロイの詳細] を選択して、デプロイされたリソースの一覧を展開します。

    ストレージ アカウントと App Service リソースが一覧表示された、特定のデプロイの Azure portal インターフェイスを示すスクリーンショット。

  4. App Service プランとアプリがデプロイされたことがわかります。