Создание и публикация мобильного приложения

В этой статье мы узнаем, как создать и опубликовать мобильное приложение (доступно только для платформы Android) для портала обучения.

Для настройки мобильного приложения на портале обучения потребуется файл APK/AAB мобильного приложения и настройка учетной записи Google PlayStore. Файл APK/AAB можно создать двумя способами.

1. Создание прогрессивного веб-приложения (PWA) для Android

2. Запрос мобильного приложения AAB из группы платформы

Предупреждение

Команда microsoft Community Training скоро не рекомендуется запрашивать мобильное приложение от платформы и поддерживать только прогрессивные веб-приложения (PWA) для android и iOS.

Действия по созданию мобильного приложения

Вариант 1. Создание прогрессивного веб-приложения (PWA) для android

Что такое прогрессивные веб-приложения?

Прогрессивные веб-приложения (PWAs) предоставляют доступ к открытым веб-технологиям для кроссплатформенного взаимодействия и предоставляют пользователям пользовательский интерфейс, настроенный для своих устройств.

PWAs — это веб-сайты, которые постепенно улучшены для работы таких приложений, как установленные приложения на вспомогательных платформах, и такие как обычные веб-сайты в других браузерах.

Качества PWA объединяют лучшие из веб-приложений и скомпилированных приложений. PVA работают в браузерах, таких как веб-сайты, но имеют доступ к функциям приложений, таким как возможность работать в автономном режиме, устанавливаться в операционной системе, поддерживать push-уведомления и периодические обновления, получать доступ к функциям оборудования и многое другое.

При установке ЦС так же, как и другие приложения в Windows или Android. Их можно добавить в меню "Пуск", закрепленные на панели задач, обрабатывать файлы, выполняться при входе пользователя на рабочем столе и в Android PWA будет добавлено в качестве собственного приложения в области приложений.

Так как прогрессивное веб-приложение является типом веб-страницы или веб-сайта, известного как веб-приложение, они не требуют отдельного распределения или распределения. Следуя простым требованиям к установке, как упоминалось ниже, администраторы могут включить PWA для учащихся для установки на своих устройствах. С помощью ПОСТРОИТЕЛя PWA можно создать приложение android для экземпляра с поддержкой PWA.

Требования к установке для мобильного приложения PWA

Шаг 1. Обновление конфигурации на платформе

1. Войдите на портал Azure.

2. Перейдите к параметрам приложения из службы приложений экземпляра.

3. На вкладке "Параметры приложения" отфильтруйте функции:EnableWebAppInstall и задайте значение true.

   • Если этот параметр не найден, нажмите кнопку "Создать параметр приложения", укажите функции:EnableWebAppInstall в разделе "Имя и значение", как показано ниже.

     

   • Нажмите кнопку "ОК", а затем сохраните изменения.

Шаг 2. Обновление параметров в представлении администратора для мобильного приложения

1. Войдите на портал Microsoft Community Training и перейдите в представление администратора

2. Выберите пункт "Параметры" на панели навигации слева и перейдите в раздел "Мобильное приложение".

   

3. В разделе "Мобильное приложение" необходимо указать следующие сведения:

   Параметр	Description
   Имя мобильного приложения	Вы можете указать имя экземпляра, это имя будет использоваться для отображения экрана-заставки (Android), меню элемента (Windows)
   Короткое имя мобильного приложения	Это будет использоваться для создания имени значка приложения на панели приложений устройства. Вы можете указать более короткий акроним имени экземпляра.
   Цвет фона приложения	Этот параметр будет использоваться для отображения экрана-заставки (Android)
   Логотип приложения (512 пикселей на 512 пикселей)	Логотип должен быть 512x512 пикселей, MCT использует это изображение для отображения экрана-заставки, меню , элемента средства запуска приложений для PWA.

Установка PWA на рабочем столе и мобильном устройстве

1. После выполнения требований к установке PWA при входе в экземпляр MCT появится значок на панели поиска браузера, указывающий, что приложение PWA доступно для установки.

   

2. Теперь пользователи могут установить PWA, который отображает веб-приложение MCT в качестве собственного приложения.

3. После успешной установки можно проверить параметры, чтобы разрешить приложению закреплять на панели задач, закреплять на начальной панели, создавать ярлык на рабочем столе согласно вашим требованиям.

   

4. Для мобильных устройств (Android) пользователи могут установить PWA, щелкнув запрос (добавить на начальный экран баннер), который они получают при просмотре экземпляра MCT или щелкнув "Установить приложение" из параметров браузера.

   

Примечание.

Совместимость устройств и браузеров:

• Поток PWA работает должным образом при использовании браузеров на основе хрома, таких как Microsoft Edge, Google Chrome.

• Для браузера Firefox на рабочем столе значок установки PWA не отображается на панели URL-адресов, однако рабочие службы будут установлены. В браузере Mobile Firefox у вас будет параметр "Добавить на домашний экран", который может установить PWA.

• Safari в iOS не поддерживает добавление на начальный экран баннера, однако этот параметр отображается в меню браузера. Вы можете заметить некоторые несоответствия с PWA в iOS.

Создание пакета приложений Android с помощью построителя PWA

По мере включения PWA в серверной части будет добавлен рабочий элемент службы и веб-манифест, с помощью которого можно создать собственное приложение Android, которое можно упаковать для отправки в магазин воспроизведения. Мы рекомендуем использовать PWABuilder онлайн-средство графического интерфейса, которое может создавать файлы APK и AAB для вашего экземпляра.

Необходимые компоненты

Создайте запрос в службу поддержки MCT, запрашивая файл KeyStore в случае, если вы хотите обновить существующее мобильное приложение.

Часть 1. Шаги по созданию пакета приложений Android

1. Открытие PWABuilder

2. В текстовом поле на домашней странице построителя PWA введите URL-адрес экземпляра (например, contosolearning.azurewebsites.net) и нажмите кнопку "Пуск". В серверной части PWABuilder убедитесь, что у вас есть рабочий элемент службы и манифест, доступный для PWA.

   

3. Нажмите кнопку "Далее" на странице карточки отчета PWA, оценка 130 и выше предполагает, что выполнены требования PWABuilder.

   

4. Вы будете перенаправлены на страницу, где можно создать пакет приложений Android справа в разделе Android, щелкните "Store package".

   

5. В окне "Параметры приложения Android":

   1. Если вы хотите обновить существующее приложение, укажите идентификатор пакета ранее опубликованного приложения android.

   2. При первом создании приложения можно оставить его с предварительно заполненным идентификатором.

   3. Укажите имя приложения и имя средства запуска для приложения. При создании приложения в первый раз вы можете использовать шаг 6, создающий пакет приложений.

   4. Щелкните "Все параметры" и добавите версию приложения и код версии приложения на 1 из существующего приложения, если при первом создании приложения не увеличивается значение.

      

   5. Прокрутите страницу до "Ключ подписывания", выберите "Использовать шахту" и отправьте файл хранилища ключей, полученный от группы поддержки MCT.

      

   6. Скачайте пакет приложений.

6. Завершите процесс, выполнив скрипт, выполнив шаги, описанные в этом документе , что позволит вам связать цифровой ресурс.

Примечание.

1. Разница между установкой PWA из браузера и установкой из Play Store?

   • Нет разницы в опыте обучения. Однако с помощью Play Store вы можете получить доступ к аналитике и возможность выбрать, кто может скачать приложение. Так как Play Store сертифицировано приложение, это более безопасно.

2. Преимущества PWA по сравнению с собственным приложением

   • PVA — это легкие приложения по сравнению с собственными приложениями, поэтому они занимают меньше места (как правило, менее 10 МБ).

   • Легко поддерживать, так как PWA по сути является страницей браузера, работающей в качестве собственного приложения, оно будет одновременно с обновлениями, выпущенными для веб-приложения.

   • Все обновления, отправленные веб-приложению, будут автоматически синхронизированы с PWA.

3. При миграции из собственного приложения в PWA следует помнить.

   • Если вы обновили собственное приложение в Play Store с помощью PWA, приложение автоматически обновляется для пользователя на основе параметров устройства, в противном случае пользователю необходимо вручную обновить приложение из Play Store.

   • Скачанный контент не будет перенесен из собственного приложения в PWA. Учащийся должен снова скачать содержимое для автономного потребления.

Вариант 2. Запрос мобильного приложения AAB из группы платформы

1. Посетите службу технической поддержки для обучения сообщества Майкрософт.

2. Щелкните "Войти" в левом верхнем углу домашней страницы. Используйте учетные записи Azure AD или Social для регистрации и входа.

3. Щелкните "Создать запрос в службу поддержки" и введите следующие значения:

   Поле	Описание
   Должность	Введите "Запрос мобильного приложения"
   Тип	Выберите "Запрос"
   Тема	Выберите "Мобильное приложение"
   Description	Проверка шага 4

4. Укажите следующие сведения в разделе "Описание" запроса в службу поддержки -

   • Код цвета приложения (формат HEX) — этот цвет будет использоваться в мобильном приложении, как показано на рисунке в начале статьи. Например, оранжевый

   • URL-адрес портала — это экземпляр платформы, для которой будет создано мобильное приложение.

   • Имя приложения — это имя мобильного приложения при публикации в playStore

   • Поддерживаемые языки— это список языков, поддерживаемых в мобильном приложении.

     Пример содержимого описания

     1. Код цвета приложения — #FFA500
     2. URL-адрес портала — https://contoso.azurefd.net/
     3. Имя приложения — Центр обучения Contoso
     4. Язык — английский, испанский, telugu

5. Создайте ZIP-файл со следующими ресурсами и вложите его в форму.

   • Значок приложения со следующими измерениями (в пикселях): 24x24, 36x36, 48x48, 72x72, 96x96, 144x144. Значок на экране телефона, используемый для запуска приложения, — это значок приложения. Значок приложения должен иметь прозрачный фон.

   • Логотип экрана-заставки со следующими измерениями (в пикселях): 150x150, 225x25, 300x300, 450x450. Экран, который отображается при открытии приложения, — это экран-заставка, показанный ниже.

     

   • Ниже приведен пример ZIP-файла для справки: MobileApp_Assets.zip

6. Это всё! Вы получите ссылку на адрес электронной почты для скачивания мобильных файлов AAB и APK от нашей группы поддержки (в 4–5 рабочих дней).

Шаги по публикации мобильного приложения в PlayStore

Подготовка к работе

1. Выполните описанные выше действия по созданию мобильного приложения и убедитесь, что вы получили ссылку на скачивание с файлами MOBILE APK и AAB от Корпорации Майкрософт.

2. Мы предоставляем два файла, т. е. APK и AAB-файл, вы можете использовать APK-файл для тестирования приложения перед публикацией и публикации, который может использовать пакет AAB, содержащий поддержку нескольких версий Android и поддерживает 32 и 64-разрядную версию.

3. Зарегистрируйтесь в консоли Google Play , чтобы опубликовать приложение в Google PlayStore.

Шаги по публикации мобильного приложения

1. Скачайте файл AAB на компьютер из сообщения электронной почты, полученного от нашей группы поддержки, после создания мобильного приложения.

2. Следуйте инструкциям, приведенным здесь , чтобы отправить и опубликовать APK в Google Play Store.

   Примечание.

   Действия по публикации файлов AAB аналогичны шагам, используемым при публикации APK-файла.

3. После отправки и публикации файла AAB перейдите к разделу "Параметры "> Пользователи и разрешения".

4. Щелкните "Пригласить нового пользователя".

5. Введите адрес электронной почты в качестве sangamdeployments@gmail.com.

6. Оставьте дату истечения срока действия доступа как никогда.

7. Выберите роль в качестве диспетчера выпусков.

8. Выберите мобильное приложение в раскрывающемся списке "Выбор приложения ".

9. Щелкните "Отправить приглашение".

10. Важно. Отправьте сообщение электронной почты группе microsoft Community Training, к которой предоставлен общий доступ. Вы можете ответить на цепочку электронной почты, в которой файл AAB был предоставлен вам.

Примечание.

Если в экземпляре имеется изменение или обновление конфигурации типа входа, мобильное приложение должно быть обновлено.

Примечание.

• Чтобы использовать файлы office в PWA в автономном режиме, мы предоставим файлы для публикации приложения в Магазине Google Play.
• Пользователи могут запросить поддержку, вызвав запрос в службу технической поддержки Microsoft Community Training..