演習 - ブルーグリーンデプロイを設定する - Training

60 分

このデモでは、ブルーグリーンデプロイについて調べます。

手順

リリースパイプラインを使用してブルーグリーンデプロイを実装する方法を見てみましょう。

まず、Parts Unlimited テンプレートを再デプロイできるリリースパイプラインを使用して、新しいプロジェクトを作成します。

アプリの初期デプロイ

ブラウザーで Azure DevOps Demo Generator (https://azuredevopsdemogenerator.azurewebsites.net) にアクセスし、[サインイン] をクリックします。

必要に応じてサインインを求められます。
[新しいプロジェクトの作成] ウィンドウで、既存の組織を選択し、[プロジェクト名] を「PU Hosted」に設定して、[テンプレートの選択] をクリックします。
PartsUnlimited プロジェクト (PartsUnlimited-YAML プロジェクトではない) をクリックし、[テンプレートの選択]、[テンプレートの作成] の順にクリックします。デプロイが完了したら、[プロジェクトに移動] をクリックします。
PU Hosted プロジェクトのメインメニューで、[パイプライン]、[ビルド]、[キュー]、[実行] の順にクリックします。

ビルドは成功するはずです。

注意

"警告が表示される場合がありますが、このチュートリアルでは無視できます。"
メインメニューの [リリース] をクリックします。継続的インテグレーショントリガーが有効になっていたため、リリースが試行されました。しかし、まだリリースを構成していないので、これは失敗します。 [編集] をクリックして、リリースの編集モードに入ります。
[タスク] の横にあるドロップダウンリストから [開発] ステージを選択した後、[Azure デプロイ] タスクをクリックして選択します。
[Azure リソースグループのデプロイ] ウィンドウで、お使いの Azure サブスクリプションを選択した後、メッセージが表示されたら [認可] をクリックします。認可が完了したら、Web アプリの [場所] を選択します。

Note

"この時点で、Azure へのサインインを求めるメッセージが表示される場合があります。"
タスクの一覧で [Azure App Service デプロイ] をクリックして、その設定を開きます。もう一度 Azure サブスクリプションを選択します。 [デプロイスロット] を [ステージング] に設定します。

Note

このテンプレートを使用すると、運用サイトと 2 つのデプロイスロット (開発とステージング) が作成されます。グリーンサイトにステージングを使用します。
タスクの一覧で [開発] をクリックし、[エージェントジョブ] ペインで、[エージェントプール] では [Azure Pipelines] を、[エージェントの指定] では [windows-latest] を選択します。
上部のメニューから、[パイプライン] をクリックします。 [開発] ステージをクリックし、プロパティウィンドウで名前を「グリーンサイト」に変更します。 [品質保証] ステージをクリックし、[削除]、[確認] の順にクリックします。 [運用] ステージをクリックし、[削除]、[確認] の順にクリックします。 [保存] をクリックし、[OK] をクリックします。
[グリーンサイト] ステージにマウスポインターを合わせ、[複製] アイコンが表示されたらクリックします。 [ステージ名] を「運用」に変更します。 [タスク] ドロップダウンリストから [運用] ステージを選択します。
[Azure App Service デプロイ] タスクをクリックして、[スロットにデプロイ] オプションをオフにします。 [保存]、[OK] の順にクリックします。

運用サイトはデプロイスロットにデプロイされません。メインサイトにデプロイされます。
[リリースの作成]、[作成] の順にクリックして、新しいリリースを作成します。作成されたら、リリースのリンクをクリックしてその状態を表示します。

しばらくすると、デプロイに成功します。

グリーンサイトと運用サイトをテストする

Azure portal で、プロジェクトのデプロイによって作成された ASPDOTNET リソースグループのブレードを開きます。デプロイされている Web アプリの名前に注目します。クリックして、"ステージング"* Web アプリのブレードを開きます。左上隅の URL をコピーします。
新しいブラウザータブを開き、コピーした URL に移動します。アプリケーションのコンパイルが完了するまでしばらく時間がかかりますが、その後、(ステージングスロット上の) グリーン Web サイトが表示されます。

Note

"ステージングスロットが使用されていることは、Web サイトの URL に -staging サフィックスがあることでわかります。"

別の新しいブラウザータブを開き、-staging スロットを使用せずに同じ URL に移動します。運用サイトも動作しているはずです。

Note

"このチュートリアルで後ほど使うため、両方のブラウザーウィンドウを開いたままにしてください。"

ブルーグリーンのスワップと承認を構成する

両方のサイトが動作しているので、ブルーグリーンデプロイのリリースパイプラインを構成してみましょう。

Azure DevOps の PU Hosted プロジェクトのメインメニューで、[パイプライン]、[リリース]、[編集] の順にクリックして編集モードに戻ります。
[運用] ステージをクリックし、[削除]、[確認] の順にクリックしてそれを削除します。 [+ 追加] をクリックしてステージを追加し、テンプレートの [空のジョブ] をクリックします。 [ステージ名] として「ブルーグリーンのスワップ」を設定します。
[変数] をクリックし、WebsiteName の [スコープ] を [リリース] に変更します。
[タスク] ドロップダウンリストから、[ブルーグリーンのスワップ] ステージを選択します。 + の右側にある + をクリックして、新しいタスクを追加します。検索ボックスに「CLI」と入力します。
Azure CLI テンプレートの上にマウスポインターを置き、[追加] ボタンが表示されたらそれをクリックします。次に、[Azure CLI] タスクをクリックして選択し、その設定ウィンドウを開きます。
次のように、お使いのサブスクリプション、スクリプトの場所 (インラインスクリプト)、インラインスクリプトを指定して、このウィンドウを構成します。

Az webapp deployment slot swap -g $(ResourceGroupName) -n $(WebsiteName) --slot Staging --target-slot production
タスク一覧の上部にあるメニューで、[パイプライン] をクリックします。 [ブルーグリーンのスワップ] ステージの [配置前条件] アイコンをクリックしてから、[トリガー] ウィンドウで [配置前の承認] を有効にします。
自分自身を承認者として構成し、[保存]、[OK] の順にクリックします。

ブルーグリーンのスワップをテストする

PU Hosted のメインメニューで、[リポジトリ]、[ファイル] の順にクリックしてプロジェクトファイルを開きます。次のファイルに移動します。

Web サイトが更新されたことを確認するために、表面的な変更を行います。海外のユーザーをターゲットにするため、メインページローテーションの単語「tires」を「tyres」に変更します。
[編集] をクリックして編集を許可してから、単語「tires」を見つけ、それを単語「tyres」に置き換えます。 [コミット]、[コミット] の順にクリックして変更を保存し、ビルドとリリースをトリガーします。

Update tyres.

メインメニューで、[パイプライン][ビルド] の順にクリックします。継続的インテグレーションビルドが正常に完了するまで待ちます。
メインメニューの [リリース] をクリックします。 (一覧の一番上にある) 最新のリリースをクリックして開きます。

ここで、運用環境へのデプロイのスワップを承認するように求められます。まず、グリーンのデプロイを確認します。
グリーンサイト (つまり、ステージングスロット) のブラウザータブを更新して、変更が発生したかどうかを確認します。変更された単語が表示されます。
運用サイトのブラウザータブを更新すると、まだ更新されていないことがわかります。
変更について問題がなければ、リリースの詳細で [承認]、[承認] の順にクリックして、ステージが完了するまで待ちます。
運用サイトのブラウザータブを更新して、更新されたコードが実行されていることを確認します。