2. Frontendリソースの削除

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

2-1. QVS Configの編集

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

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

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

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

   DIFF (gcp-frontend.yaml)

   params:
     - name: appName
       type: string
     - name: gcpProjectId
       type: string
     - name: gcpFirebaseHostingSiteId
       type: string
     - name: gcpFirebaseHostingCustomDomainName
       type: string
     - name: dnsZoneName
       type: string
     - name: dnsZoneProjectId
       type: string
   modules:
     - name: qmonus.net/adapter/official
       revision: v0.26.0
   designPatterns:
   +#  - pattern: qmonus.net/adapter/official/adapters/gcp/serverless/staticSite/frontend
   +#    params:
   +#      appName: $(params.appName)
   +#      dnsZoneName: $(params.dnsZoneName)
   +#      gcpFirebaseHostingCustomDomainName: $(params.gcpFirebaseHostingCustomDomainName)
   +#      gcpFirebaseHostingSiteId: $(params.gcpFirebaseHostingSiteId)
   +#      dnsZoneProjectId: $(params.dnsZoneProjectId)
   +#      gcpProjectId: $(params.gcpProjectId)
   -  - pattern: qmonus.net/adapter/official/adapters/gcp/serverless/staticSite/frontend
   -    params:
   -      appName: $(params.appName)
   -      dnsZoneName: $(params.dnsZoneName)
   -      gcpFirebaseHostingCustomDomainName: $(params.gcpFirebaseHostingCustomDomainName)
   -      gcpFirebaseHostingSiteId: $(params.gcpFirebaseHostingSiteId)
   -      dnsZoneProjectId: $(params.dnsZoneProjectId)
   -      gcpProjectId: $(params.gcpProjectId)

   CODE (gcp-frontend.yaml)

   params:
     - name: appName
       type: string
     - name: gcpProjectId
       type: string
     - name: gcpFirebaseHostingSiteId
       type: string
     - name: gcpFirebaseHostingCustomDomainName
       type: string
     - name: dnsZoneName
       type: string
     - name: dnsZoneProjectId
       type: string
   modules:
     - name: qmonus.net/adapter/official
       revision: v0.26.0
   designPatterns:
   #  - pattern: qmonus.net/adapter/official/adapters/gcp/serverless/staticSite/frontend
   #   params:
   #      appName: $(params.appName)
   #      dnsZoneName: $(params.dnsZoneName)
   #      gcpFirebaseHostingCustomDomainName: $(params.gcpFirebaseHostingCustomDomainName)
   #      gcpFirebaseHostingSiteId: $(params.gcpFirebaseHostingSiteId)
   #      dnsZoneProjectId: $(params.dnsZoneProjectId)
   #      gcpProjectId: $(params.gcpProjectId)

2. 変更をステージに追加します。

   git add .valuestream/gcp-frontend.yaml

3. リポジトリに変更をコミットします。

   git commit -m "Delete frontend resources"

4. リポジトリに変更をプッシュします。

   git push

5. Git コミットのハッシュ値を取得します。

   git rev-parse HEAD

2-2. AssemblyLineの実行

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

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

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

   • gitRevision: 2-1で取得した Git コミットのハッシュ値

4. AssemblyLineの実行が完了したら、ログを確認します。

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

   

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

   Resources:
       - 5 deleted
       1 unchanged

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

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

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