この記事では、トレーニング ポータル用のモバイル アプリ (Android プラットフォームでのみ利用可能) を作成して公開する方法について説明します。
.png)
トレーニング ポータル用のモバイル アプリを設定するには、モバイル アプリの APK/AAB ファイルが必要で、Google PlayStore アカウントを設定します。 APK/AAB ファイルは、次の 2 つの方法で生成できます。
警告
Microsoft コミュニティ トレーニング チームは、プラットフォームからモバイル アプリケーションを要求するプロセスを間もなく非推奨とし、Android と iOS の両方でプログレッシブ Web アプリケーション (PWA) のみをサポートする予定です。
モバイル アプリケーションの作成手順
オプション 1: Android 用のプログレッシブ Web アプリケーション (PWA) を作成する
プログレッシブ Web アプリケーションとは
プログレッシブ Web アプリ (PWA) では、クロスプラットフォームの相互運用性のためにオープンな Web テクノロジにアクセスできるようにし、ユーザーに、使っているデバイス用にカスタマイズされたアプリのようなエクスペリエンスを提供します。
PWA は、サポート プラットフォームにインストールされているアプリや、他のブラウザーの通常の Web サイトのように機能するよう段階的に拡張される Web サイトです。
PWA の品質は、Web アプリとコンパイル済みアプリの優れたところを組み合わせたものです。 PWA は Web サイトのようにブラウザーで実行されますが、オフラインでの作業、オペレーティング システムへのインストール、プッシュ通知と定期的な更新プログラムのサポート、ハードウェア機能へのアクセスなどを行う機能のようなアプリ機能にアクセスできます。
PWA は、インストールすると Windows または Android 上の他のアプリと同じようになります。 [スタート] メニューへの追加、タスク バーへのピン留め、ファイルの処理、デスクトップ上のユーザー ログインでの実行が可能です。Android では、PWA はアプリ トレイにネイティブ アプリケーションとして追加されます。
プログレッシブ Web アプリは Web アプリケーションと呼ばれる Web ページまたは Web サイトの一種であるため、個別のバンドルや配布は必要ありません。 後述する簡単なインストール要件に従うことで、管理者は、学習者が PWA をデバイスにインストールできるようにすることができます。 PWA Builder を使用すると、PWA 対応インスタンス用の Android アプリをビルドできます。
PWA モバイル アプリケーションのインストール要件
手順 1: プラットフォームで構成を更新する
Azure portal にログインします。
インスタンスの App Service から [アプリケーション設定] に移動します。
[アプリケーション設定] タブで、Features:EnableWebAppInstall をフィルター処理し、値を「true」に設定します
この設定が見つからなかった場合は、[新しいアプリケーション設定] をクリックし、次に示すように [名前] に「Features:EnableWebAppInstall」、[値] に「true」と指定します。
[OK] をクリックし、変更を保存します。
手順 2: モバイル アプリケーションの管理ビューで設定を更新する
Microsoft コミュニティ トレーニング ポータルにログインし、管理者ビューに切り替えます
左側のナビゲーション パネルから [設定] オプションをクリックし、[モバイル アプリケーション] セクションに移動します。
[モバイル アプリケーション] 設定で、次の情報を指定する必要があります。
設定 説明 モバイル アプリケーション名 インスタンス名を指定できます。この名前は、スプラッシュ スクリーン (Android)、[スタート] メニュー項目 (Windows) のレンダリングに使われます。 モバイル アプリケーションの短い名前 これは、デバイス アプリ トレイにアプリ アイコン名を生成するために使われます。 インスタンス名のより短い頭字語を指定できます。 アプリケーションの背景色 この設定は、スプラッシュ スクリーンのレンダリングに使われます (Android) アプリケーション ロゴ (512 px x 512 px) ロゴは 512 x 512 ピクセルである必要があります。MCT ではこのイメージを使用して、PWA のスプラッシュ スクリーン、[スタート] メニュー、アプリ起動ツール項目をレンダリングします。
デスクトップおよびモバイル デバイスへの PWA のインストール
PWA のインストール要件を満たしたら、MCT インスタンスにログインすると、PWA アプリがインストール可能であることを示すアイコンがブラウザーの検索バーに表示されます。
ユーザーは、MCT Web アプリをネイティブ アプリケーションとしてレンダリングする PWA をインストールできるようになりました。
インストールが成功したら、要件に従って、アプリをタスク バーにピン留め、スタート画面にピン留め、デスクトップ ショートカットの作成を行えるようにするオプションをオンにできます。
モバイル デバイス (Android) の場合、ユーザーは、MCT インスタンスの参照中に表示されるプロンプト (ホーム画面バナーに追加) をクリックするか、ブラウザー オプションから [アプリのインストール] をクリックして、PWA をインストールできます。
.jpg)
Note
デバイスとブラウザーの互換性:
PWA フローは、Microsoft Edge や Google Chrome などの Chromium ベースのブラウザーを使用する場合に予期したとおりに動作します。
デスクトップの Firefox ブラウザーの場合、URL バーに PWA インストール アイコンは表示されませんが、サービス ワーカーがインストールされます。 モバイルの Firefox ブラウザーでは、PWA をインストールできる [ホーム画面に追加] オプションがあります。
iOS の Safari では、ホーム画面バナーへの追加はサポートされていませんが、このオプションはブラウザー メニューに表示されます。 iOS の PWA での不整合が生じる場合があります。
PWA Builder を使用して Android アプリ バンドルを生成する
PWA を有効にすると、バックエンドにサービス ワーカーと Web マニフェストが追加されます。これにより、バンドルして Play ストアにアップロードできるネイティブ Android アプリケーションをビルドできます。 インスタンスの APK ファイルと AAB ファイルを生成できるオンライン GUI ツールPWABuilder を使用することをお勧めします。
前提条件
既存のモバイル アプリケーションの更新プログラムが必要な場合は、MCT サポート チームがキーストア ファイルを要求してチケットを発行します。
パート 1: Android アプリ バンドルの生成手順
PWABuilder を開きます
PWA Builder のホームページのテキスト ボックスに、インスタンスの URL (例: contosolearning.azurewebsites.net) を入力し、[開始] をクリックします。 バックエンドの PWABuilder で、PWA に使用できるサービス ワーカーとマニフェストがあるかどうかを確認します。
PWA のレポート カード ページで [次へ] をクリックします。スコア 130 以上は、PWABuilder の要件を満たしていることを示しています。
Android アプリ バンドルを生成できるページにリダイレクトされます。[Android] セクションの右側にある [ストア パッケージ] をクリックします。
[Android アプリ のオプション] ウィンドウで、次のようにします。
既存のアプリケーションを更新する場合は、以前に公開した Android アプリのパッケージ IDを指定します。
初めてアプリケーションを作成する場合は、事前に設定された ID のままにすることができます。
アプリケーションの [アプリ名] と [起動プログラム名] を指定します。 初めてアプリケーションを作成する場合は、「手順 6 アプリ バンドルの生成」に進むことができます
アプリを初めて作成しても値が増えない場合は、[すべての設定] をクリックし、既存のアプリのバージョンからアプリのバージョンとアプリのバージョン コードを 1 ずつ増やします。
[署名キー] までスクロールし、[Mine の使用] を選択し、MCT サポート チームから受け取ったキーストア ファイルをアップロードします。
アプリケーション バンドルをダウンロードします。
このドキュメントで説明されている手順を使用してスクリプトを実行してプロセスを完了します。これにより、デジタル資産のリンク設定が可能になります。
注意
ブラウザーからの PWA のインストールと Play ストアからのインストールの違い
- 学習エクスペリエンスに違いはありません。 ただし、Play ストアを使用すると、分析にアクセスでき、アプリケーションをダウンロードできるユーザーを選択できます。 Play ストアでアプリケーションが認定されると、安全性が高くなります。
ネイティブ アプリケーションと比較した PWA の利点
PWA は、ネイティブ アプリケーションと比較して軽量なアプリケーションであるため、占有領域が少なくなります (通常は 10 MB 未満)。
PWA は基本的にネイティブ アプリケーションとして実行されるブラウザー ページであるため、保守が簡単で、Web アプリケーション用にリリースされた更新プログラムと同等になります。
Web アプリケーションに送信されるすべての更新プログラムは、PWA と自動的に同期されます。
ネイティブ アプリケーションから PWA に移行する際の注意事項
PWA を使用して Play ストアのネイティブ アプリケーションを更新した場合、アプリはデバイス設定に基づいて自動的に更新されます。それ以外の場合、ユーザーは Play ストアからアプリケーションを手動で更新する必要があります。
ダウンロードしたコンテンツは、ネイティブから PWA アプリケーションに移行されません。 学習者は、オフラインでの使用のためにコンテンツをもう一度ダウンロードする必要があります。
オプション 2: プラットフォーム チームからモバイル アプリ AAB を要求する
Microsoft コミュニティ トレーニング ヘルプデスクにアクセスします。
.png)
ホームページの左上隅にある [サインイン] をクリックします。 Azure AD またはソーシャル アカウントを使用して、登録してサインインします。
[サポート チケットの作成] をクリックし、次の値を入力します。
フィールド 内容 タイトル 「モバイル アプリを要求する」と入力します Type [要求] を選択します サブジェクト [モバイル アプリ] を選択します 説明 手順 4 を確認します サポート チケットの [説明] セクションに次の情報を入力します -
アプリケーション カラー コード (HEX 形式) - この色は、記事の冒頭の画像に示されているように、モバイル アプリで使用されます。 たとえば、オレンジです
ポータル URL - モバイル アプリが生成されるプラットフォームのインスタンスです
アプリケーション名 - Play ストアで公開されたときのモバイル アプリの名前です
サポートされている言語 - モバイル アプリでサポートされている言語の一覧です
説明の内容の例
- アプリケーション カラー コード - #FFA500
- ポータル URL - https://contoso.azurefd.net/
- アプリケーション名 - Contoso ラーニング センター
- 言語 - 英語、スペイン語、テルグ語
次の資産を含む zip ファイルを作成し、フォームに添付します。
次のサイズ (ピクセル単位) のアプリ アイコン: 24 x 24、36 x 36、48 x 48、72 x 72、96 x 96、144 x 144。 アプリの起動に使用される電話画面のアイコンがアプリ アイコンです。 アプリ アイコンには透明な背景が必要です。
次のサイズ (ピクセル単位) のスプラッシュ スクリーン ロゴ: 150 x 150、225 x 225、300 x 300、450 x 450。 アプリが開いたときに表示される画面は、次に示すスプラッシュ スクリーンです。
.png)
MobileApp_Assets.zip は、参照用のサンプル zip ファイルです
これですべてです。 お問い合わせ先のメール アドレスに、サポート チームからモバイル AAB および APK ファイルをダウンロードするためのリンクが届きます (4 ~ 5 営業日以内)。
モバイル アプリを Play ストアに公開する手順
開始する前に
上記の手順に従ってモバイル アプリを作成し、Microsoft から Mobile APK および AAB ファイルへのダウンロード リンクを受け取っていることを確認します。
私たちは、2つのファイル、すなわち、APK >AABファイルを提供しています、あなたは公開する前にアプリをテストするためにAPKファイルを使用することができ、発行するには、複数のAndroidバージョンへのサポートを含み、32 & 64ビットをサポートするAABバンドルを使用することができます。
Google Play ストアで アプリを公開するために、Google Play コンソールでサインアップします。
モバイル アプリの公開手順
モバイル アプリを作成した後、サポート チームから受け取ったメールから AAB ファイルをコンピューターにダウンロードします。
ここに記載されている手順に従って、Google Play ストアに APK をアップロードして公開します。
注意
AAB ファイルを公開する手順は、APK ファイルの公開で使用される手順と似ています。
AAB ファイルをアップロードして発行したら、 Settings -> Users & Permissions に移動します。
.png)
[新しいユーザーの招待] をクリックします。
.png)
メール アドレスとして「sangamdeployments@gmail.com」を入力します。
.png)
[アクセスの有効期限] は [なし] のままにします。
ロールに [リリース マネージャー] を選択します。
[アプリの選択] ドロップダウンからモバイル アプリを選択します。
[招待状の送信] をクリックします。
重要: アクセス許可が共有されたことを示すメール メモを Microsoft コミュニティ トレーニング チームに送信します。 AAB ファイルが共有されていたメール チェーンに返信できます。
注意
インスタンスのログインの種類の構成に変更または更新がある場合は、モバイル アプリケーションを更新する必要があります。
注意
- オフラインで PWA で Office ファイルを使用するために、Google Play ストアでアプリケーションを発行するためのファイルが提供されます。
- ユーザーは、Microsoft コミュニティ トレーニング ヘルプデスクのチケットを発行してサポートを要求できます。