README.md

Lab 2 Azure DevOps と Visual Studio App Center によるアプリのテスト配布

ここで学習すること

Lab 1 の作業で、アプリケーションを Azure DevOps 上でビルドすることができるようになりました。 Lab 2 では、Visual Studio App Center を使って、ビルドしたアプリケーションをテストチームに配布する方法を学びます。

具体的には、以下のことを学びます。

• Visual Studio App Center にアプリを作成する方法
• Azure DevOps Pipeline のビルド定義に Visual Studio App Center との連携の設定を行う方法
• Azure DevOps でビルドを実行し、作成されたアプリケーションを App Center にデプロイする方法
• Visual Studio App Center から配布されたアプリケーションをインストールして実行する方法

1. Visual Studio App Center にアプリを作成する

アプリケーションをテスト配布するために、Visual Studio App Center 上にアプリケーションを作成します。

1. Web ブラウザから以下の URL を開きます

• https://appcenter.ms/apps

2. "Add new" ボタンをクリックし、"Add new app" を選択します

3. アプリ名等を入力して、"Add new app" ボタンを押します

項目名	説明	例
App name	アプリケーション名を入力します	XamarinDemo
Release Type	アプリケーションのリリースの種類を選択します。	ここでは、テスターに配布するシナリオを想定して、"Beta" を選択します
OS	アプリケーションのオペレーティングシステムを選択します	"Windows" を選択します
Platform	アプリケーションのプラットフォームを選択します	"UWP" を選択します
Icon	アプリケーションのアイコンを設定します	ハンズオンでは、なにも設定しません

4. App Center にアプリケーションが作成されます

2. Azure DevOps Pipeline のビルドと Visual Studio App Center の連携の設定を行う

Azure DevOps 上に作成したビルド定義の中に、Visual Studio App Center を連携する設定を追加します。これにより、Azure DevOps 上でビルドされたアプリケーションが、Visual Studio App Center に配置され、Visual Studio App Center から、テストチームにアプリケーションが配布されるようになります。

1. API Token の取得

1. Visual Studio App Center のページで、ユーザーのアイコンをクリックし、"Account Settings" をクリックします

   

2. "API Tokens" をクリックし、"New API token" をクリックします

   

3. "Description" に Token の名前などを入力し、"Access" で "Full Access" を選択して、"Add new API token" をクリックします

   

4. 作成されたトークンをメモ帳などに張り付けておきます。

   

2. Azure Pipeline のビルド定義の編集

1. Azure DevOps でビルド定義を開き、"Edit" をクリックします

   

2. 取り消し線が引かれている "Deploy to Visual Studio ..." という名前のタスクを右クリックし、"Enable selected task(s)" をクリックします

   

3. "App Center service connection" の欄の "New" をクリックします

   

4. "Connection name" に接続名（任意）を入力し、"API Token" に先ほどコピーした Visual Studio App Center の API Token を張り付けます

   

5. "App slug" を入力します。入力形式は、Visual Studio App Center の {username}/{app_identifier} となります。

   • username, app_identifiler は、App Center に作成したアプリケーションの URL を見るとわかります

     

   • App slug を Azure DevOps のビルド定義に入力します

     

6. "Binary file path" （アプリケーションをビルドした結果作成されるバイナリファイルのパス）を指定します。ここでは、以下の値を入力します。

   $(Build.ArtifactStagingDirectory)\AppxPackages\**\*.appxbundle

   

7. "Release notes" を入力します。この例では、"テストリリース" と入力しています。

   

8. ビルド定義を保存します

   

   コメントを入力して、"Save" をクリックします

   

3. ビルドを実行

Lab 1 で紹介したやり方で、ビルドを実行し、しばらく待つと、App Center へのデプロイタスクが成功していることが確認できます。

4. App Center のリリースを確認 / メールからリンクを開いて UWP をインストール

1. App Center にデプロイされたかを確認する

App Center をブラウザで開き、"Distribute の中の ""Release" をクリックすると。Azure DevOps でビルドされたバイナリがデプロイされていることが確認できます。

2. アプリケーションが配布されたかを確認する

App Center にアプリケーションが配布されると、App Center のアカウントのメールアドレスにメールが送信されます。

"Install" のリンクをクリックすると、アプリケーションをダウンロードし、インストールすることができます。

ダウンロードした "appxbundle" ファイルをダブルクリックしてください。

インストーラーが起動するので、"インストール" ボタンをクリックして、アプリをインストールしてください。

• 注意事項

  すでにインストールされていますというメッセージが表示された場合は、スタートメニューで "SampleApp.UWP" をアンインストールした後に、"appxbundle" ファイルをダブルクリックして、アプリをインストールしてください。

  

  

以上で、Lab 2 は終了です。