Skip to content

2. Frontendリソースの削除

デプロイした Frontend リソースの削除手順について解説します。

2-1. QVS Configの編集

  1. QVS Config に記述したリソース宣言をコメントアウトします。

Qmonus Value Stream では、リポジトリに登録されている QVS Config の内容を編集して AssemblyLine を再実行することで、リソースを削除できます。今回は、本チュートリアルで作成した以下の QVS Config を編集します。

  • /path/to/repository/.valuestream/azure-frontend.yaml

削除するリソースは、QVS Config の designPatterns フィールドに記載された Cloud Native Adapter の内容をコメントアウトすることで指定できます。 ここでは、本チュートリアルで作成したリソースを削除するため、以下のように QVS Config を編集します。

yaml
params:
  - name: appName
    type: string
  - name: azureSubscriptionId
    type: string
  - name: azureResourceGroupName
    type: string
  - name: azureDnsZoneResourceGroupName
    type: string
  - name: azureDnsZoneName
    type: string
  - name: relativeRecordSetName
    type: string
modules:
  - name: qmonus.net/adapter/official
    revision: v0.26.0
designPatterns:
-  - pattern: qmonus.net/adapter/official/adapters/azure/serverless/staticSite/frontend
-    params:
-      appName: $(params.appName)
-      azureDnsZoneName: $(params.azureDnsZoneName)
-      azureDnsZoneResourceGroupName: $(params.azureDnsZoneResourceGroupName)
-      azureResourceGroupName: $(params.azureResourceGroupName)
-      relativeRecordSetName: $(params.relativeRecordSetName)
+ #  - pattern: qmonus.net/adapter/official/adapters/azure/serverless/staticSite/frontend
+ #   params:
+ #     appName: $(params.appName)
+ #     azureDnsZoneName: $(params.azureDnsZoneName)
+ #     azureDnsZoneResourceGroupName: $(params.azureDnsZoneResourceGroupName)
+ #     azureResourceGroupName: $(params.azureResourceGroupName)
+ #     relativeRecordSetName: $(params.relativeRecordSetName)
yaml
params:
  - name: appName
    type: string
  - name: azureSubscriptionId
    type: string
  - name: azureResourceGroupName
    type: string
  - name: azureDnsZoneResourceGroupName
    type: string
  - name: azureDnsZoneName
    type: string
  - name: relativeRecordSetName
    type: string
modules:
  - name: qmonus.net/adapter/official
    revision: v0.26.0
designPatterns:
#  - pattern: qmonus.net/adapter/official/adapters/azure/serverless/staticSite/frontend
#    params:
#      appName: $(params.appName)
#      azureDnsZoneName: $(params.azureDnsZoneName)
#      azureDnsZoneResourceGroupName: $(params.azureDnsZoneResourceGroupName)
#      azureSubscriptionId: $(params.azureSubscriptionId)
#      azureResourceGroupName: $(params.azureResourceGroupName)
#      relativeRecordSetName: $(params.relativeRecordSetName)
  1. 変更をステージに追加します。
git add .valuestream/azure-frontend.yaml
  1. リポジトリに変更をコミットします。
git commit -m "Delete frontend resources"
  1. リポジトリに変更をプッシュします。
git push
  1. Git コミットのハッシュ値を取得します。
git rev-parse HEAD

2-2. AssemblyLineの実行

  1. 左のメニュー一覧の AssemblyLine をクリックして、AssemblyLine 一覧ページに移動します。

  2. チュートリアルで作成した azure-frontend の AssemblyLine を選択します。

  3. 画面上部の Input Parameters に以下を入力し、RUN ボタンを押下して AssemblyLine を実行します。

    • gitRevision: 2-1で取得した Git コミットのハッシュ値
  4. AssemblyLine の実行が完了したら、ログを確認します。

    削除に成功すると、deploy Pipeline の deploy Task の step-deploy Step のログから、リソースが削除されたことを確認できます。

    AssemblyLineの実行結果でStepのログを確認する

    ログの以下の箇所から、削除されたリソースの総数を確認できます。

    Resources:
        - 4 deleted
        1 unchanged

    1 unchanged のリソースについては、Qmonus Value Stream の仕様上出力されているもので、デプロイされたユーザのリソースの削除には影響ありません。

  5. Azure portalにログインして、本チュートリアルで作成したリソースが削除されていることを確認します。

以上で、Frontend リソースの削除は完了です。