Azure Web アプリからの Windows 10 アプリの配布

アプリ インストーラー アプリは、開発者と IT 担当者が、Windows 10 アプリを独自の Content Delivery Network (CDN) でホストすることで配布できるようにします。 これは Microsoft Store にアプリを公開しない、または公開する必要がないが、Windows 10 のパッケージおよび展開のプラットフォームを利用したい企業に役立ちます。

このトピックでは、Windows 10 アプリ パッケージをホストするように Azure Web Server を構成する手順と、アプリ インストーラー アプリを使用してアプリ パッケージをインストールする方法について説明します。

このチュートリアルでは、IIS サーバーをセットアップし、Web アプリケーションが適切にアプリ パッケージをホストし、アプリ インストーラー アプリを効果的に起動して使用できることをローカルで確認する方法について説明します。 また、現場で一般的なクラウド Web サービス (Azure および AWS) で Web アプリケーションを適切にホストし、それらのアプリケーションがアプリ インストーラーの Web インストール要件を満たしていることを確認するためのチュートリアルもあります。 この手順を説明したチュートリアルには専門知識は必要なく、非常に簡単に理解できます。

セットアップ

このチュートリアに正常に従うには、以下が必要になります。

  1. Microsoft Azure サブスクリプション
  2. Windows 10 アプリ パッケージ - 配布するアプリ パッケージ

オプション: GitHub でのスターター プロジェクト これは、使用するアプリ パッケージまたは Web ページがないが、この機能を使用する方法を確認したい場合に便利です。

手順 1 - Azure サブスクリプションの取得

Azure サブスクリプションを取得するには、Azure アカウント ページにアクセスしてください。 このチュートリアルの目的上、無料のメンバーシップを使用できます。

手順 2 - Azure Web アプリの作成

Azure Portal ページで、[+ Create a Resource] (+ リソースの作成) ボタンをクリックし、[Web アプリ] を選択します。

Azure アプリの作成のスクリーンショット

一意の [アプリ名] を作成し、残りのフィールドは既定値のままにします。 [作成] をクリックして Web アプリの作成ウィザードを閉じます。

Web アプリの作成のスクリーンショット

手順 3 - アプリ パッケージと Web ページのホスト

Web アプリを作成したら、Azure ポータルでダッシュ ボードからアクセスできます。 この手順では、Azure ポータルの GUI を備えた簡単な Web ページを作成します。

新規に作成した Web アプリをダッシュ ボードから選択した後、検索フィールドを使用して App Service エディター を見つけて開きます。

エディターには、既定の hostingstart.html ファイルがあります。 エクスプローラー パネルの空白領域を右クリックし、[ファイルのアップロード] を選択してアプリ パッケージのアップロードを開始します。

注意

利用可能なアプリ パッケージがない場合は、提供された GitHub のスターター プロジェクト リポジトリの一部であるアプリ パッケージを使用できます。 パッケージの署名に使用された証明書 (MySampleApp.cer) も GitHub のサンプルに含まれています。 アプリをインストールする前に、デバイスに証明書がインストールされている必要があります。

パッケージのアップロードのスクリーンショット

エクスプ ローラー パネルの空白領域を右クリックし、[新しいファイル] を選択して新しいファイルを作成します。 ファイルに default.html という名前を付けます。

スターター プロジェクト で提供されたアプリ パッケージを使用している場合は、次の HTML コードをコピーして default.html という Web ページを新規に作成します。 独自のアプリ パッケージを使用している場合は、アプリ サービスの URL (source= の後の URL) を変更します。 Azure ポータルで、アプリの概要ページから、アプリ サービスの URL を取得できます。

<html>
<head>
    <meta charset="utf-8" />
    <title> Install My Sample App</title>
</head>
<body>
    <a href="ms-appinstaller:?source=https://appinstaller-azure-demo.azurewebsites.net/MySampleApp.msixbundle"> Install My Sample App</a>
</body>
</html>

手順 4 - アプリ パッケージの MIME タイプ用の Web アプリの構成

新しいファイルを Web.config という名前の Web アプリに追加します。 エクスプローラーから Web.config ファイルを開き、次の行を追加します。

<?xml version="1.0" encoding="utf-8"?>
<configuration>
  <system.webServer>
    <!--This is to allow the web server to serve resources with the appropriate file extension-->
    <staticContent>
      <mimeMap fileExtension=".appx" mimeType="application/appx" />
      <mimeMap fileExtension=".msix" mimeType="application/msix" />
      <mimeMap fileExtension=".appxbundle" mimeType="application/appxbundle" />
      <mimeMap fileExtension=".msixbundle" mimeType="application/msixbundle" />
      <mimeMap fileExtension=".appinstaller" mimeType="application/appinstaller" />
    </staticContent>
  </system.webServer>
</configuration>

手順 5 - 実行とテスト

作成した Web ページを起動するには、手順 3 の URL を /default.html に続けてブラウザーに貼り付けます。

Web ページからのアプリのインストールのスクリーンショット

[Install My Sample App] (マイ サンプル アプリのインストール) をクリックしてアプリ インストーラーを起動し、アプリ パッケージをインストールします。

問題のトラブルシューティング

アプリ インストーラー アプリのインストールの失敗

アプリ パッケージの署名に使用されている証明書がデバイスにインストールされていない場合、アプリのインストールは失敗します。 これを修正するには、アプリのインストール前に証明書をインストールする必要があります。 一般配布用アプリ パッケージをホストしている場合は、証明機関からの証明書を使用してアプリ パッケージを署名することをお勧めします。

認定の失敗のスクリーンショット

アプリ インストーラー アプリがインストールされていることを確認します。 [設定 -> Apps & 機能] に 移動し、インストールアプリ インストーラーアプリの一覧でアプリを探します。