이 문서에서는 학습 포털에 대한 모바일 앱(Android 플랫폼에만 사용 가능)을 만들고 게시하는 방법에 대해 알아봅니다.
.png)
교육 포털용 모바일 앱을 설정하려면 모바일 앱 APK/AAB 파일이 필요하고 Google PlayStore 계정을 설정해야 합니다. APK/AAB 파일은 두 가지 방법으로 생성할 수 있습니다.
Warning
Microsoft 커뮤니티 교육 팀은 곧 플랫폼에서 모바일 애플리케이션을 요청하는 프로세스를 더 이상 사용하지 않을 것이며 Android 및 iOS 모두에 대해 PWA(점진적 웹 애플리케이션)만 지원합니다.
모바일 애플리케이션을 만드는 단계
옵션 1: Android용 PWA(프로그레시브 웹 애플리케이션) 만들기
프로그레시브 웹 애플리케이션이란?
PWA(프로그레시브 Web Apps )는 플랫폼 간 상호 운용성을 위해 개방형 웹 기술에 대한 액세스를 제공하고 사용자에게 디바이스에 맞게 사용자 지정된 앱과 유사한 환경을 제공합니다.
PWA는 지원 플랫폼에 설치된 앱과 같은 기능과 다른 브라우저의 일반 웹 사이트처럼 점진적으로 향상된 웹 사이트입니다.
PWA의 품질은 최상의 웹 및 컴파일된 앱을 결합합니다. PWA는 웹 사이트와 같은 브라우저에서 실행되지만 오프라인으로 작업하고, 운영 체제에 설치하고, 푸시 알림 및 정기 업데이트를 지원하고, 하드웨어 기능에 액세스하는 등의 앱 기능에 액세스할 수 있습니다.
설치 시 PWA는 Windows 또는 Android의 다른 앱과 비슷합니다. 시작 메뉴에 추가하고, 작업 표시줄에 고정하고, 파일을 처리하고, 데스크톱의 사용자 로그인에서 실행하고, Android PWA에서 앱 트레이에 네이티브 애플리케이션으로 추가됩니다.
프로그레시브 웹앱은 웹 애플리케이션이라고 하는 웹 페이지/웹 사이트의 유형이므로 별도의 묶음 또는 배포가 필요하지 않습니다. 관리자는 아래에 설명된 간단한 설치 요구 사항에 따라 학습자가 자신의 디바이스에 설치할 수 있도록 PWA를 사용하도록 설정할 수 있습니다. PWA Builder를 사용하면 PWA 사용 인스턴스에 대한 Android 앱을 빌드할 수 있습니다.
PWA 모바일 애플리케이션에 대한 설치 요구 사항
1단계: 플랫폼에서 구성 업데이트
Azure Portal에 로그인합니다.
인스턴스의 앱 서비스에서 애플리케이션 설정으로 이동합니다.
애플리케이션 설정 탭에서 기능:EnableWebAppInstall을 필터링하고 값을 'true'로 설정합니다.
이 설정을 찾을 수 없으면 '새 애플리케이션 설정'을 클릭하고 아래와 같이 이름 및 값 아래에 기능:EnableWebAppInstall을 'true'로 제공합니다.
확인을 클릭한 다음 변경 내용을 저장합니다.
2단계: 모바일 애플리케이션용 관리자 보기에서 설정 업데이트
Microsoft 커뮤니티 교육 포털에 로그인하고 관리자 보기로 전환
왼쪽 탐색 패널에서 설정 옵션을 클릭하고 모바일 애플리케이션 섹션으로 이동합니다.
모바일 애플리케이션 설정에서 다음 정보를 지정해야 합니다.
설정 설명 모바일 애플리케이션 이름 인스턴스 이름을 지정할 수 있습니다. 이 이름은 시작 화면(Android), 시작 메뉴 항목(Windows)을 렌더링하는 데 사용됩니다. 모바일 애플리케이션 짧은 이름 디바이스 앱 트레이에서 앱 아이콘 이름을 생성하는 데 사용됩니다. 인스턴스 이름의 짧은 머리글자어를 언급할 수 있습니다. 애플리케이션 배경색 이 설정은 시작 화면(Android)을 렌더링하는 데 사용됩니다. 애플리케이션 로고(512px x 512px) 로고는 512x512픽셀이어야 하며 MCT는 이 이미지를 사용하여 PWA에 대한 시작 화면, 시작 메뉴, 앱 시작 관리자 항목을 렌더링합니다.
데스크톱 및 모바일 디바이스에 PWA 설치
PWA에 대한 설치 요구 사항이 충족되면 MCT 인스턴스에 로그인하면 브라우저의 검색 창에 PWA 앱을 설치할 수 있음을 나타내는 아이콘이 표시됩니다.
이제 사용자는 MCT 웹앱을 네이티브 애플리케이션으로 렌더링하는 PWA를 설치할 수 있습니다.
설치에 성공하면 앱이 작업 표시줄에 고정하고, 시작 화면에 고정하고, 요구 사항에 따라 바탕 화면 바로 가기를 만들 수 있도록 옵션을 확인할 수 있습니다.
모바일 디바이스(Android)의 경우 사용자는 MCT 인스턴스를 탐색하는 동안 수신하는 프롬프트(홈 화면 배너에 추가)를 클릭하거나 브라우저 옵션에서 '앱 설치'를 클릭하여 PWA를 설치할 수 있습니다.
.jpg)
참고 항목
디바이스 및 브라우저 호환성:
PWA 흐름은 Microsoft Edge, Google Chrome과 같은 Chromium 기반 브라우저를 사용할 때 예상대로 작동합니다.
데스크톱의 Firefox 브라우저의 경우 URL 표시줄에 PWA 설치 아이콘이 표시되지 않습니다. 그러나 서비스 작업자 가 설치됩니다. Mobile Firefox 브라우저에서는 PWA를 설치할 수 있는 홈 화면에 추가 옵션이 있습니다.
iOS의 Safari는 홈 화면 배너에 추가를 지원하지 않지만 브라우저 메뉴에 옵션이 표시됩니다. iOS에서 PWA와 일부 불일치가 발생할 수 있습니다.
PWA Builder를 사용하여 Android 앱 번들 생성
PWA를 사용하도록 설정하면 백 엔드에 서비스 작업자 와 웹 매니페스트 가 추가되며, 이를 통해 플레이 스토어에 업로드할 번들로 묶을 수 있는 네이티브 Android 애플리케이션을 빌드할 수 있습니다. 인스턴스에 대한 APK 및 AAB 파일을 생성할 수 있는 온라인 GUI 도구인 PWABuilder를 사용하는 것이 좋습니다.
필수 조건
기존 모바일 애플리케이션에 대한 업데이트를 원하는 경우 KEYStore 파일을 요청하는 MCT 지원 팀과 티켓을 제기합니다.
1부: Android 앱 번들을 생성하는 단계
PWA 작성기 홈페이지의 텍스트 상자에 인스턴스 URL(예: contosolearning.azurewebsites.net)을 입력하고 '시작'을 클릭합니다. 백 엔드에서 PWABuilder는 PWA에 사용할 수 있는 서비스 작업자 및 매니페스트가 있는지 확인합니다.
PWA의 보고서 카드 페이지에서 다음을 클릭하고 점수가 130 이상인 경우 PWABuilder의 요구 사항을 충족했음을 나타냅니다.
Android 앱 번들을 생성할 수 있는 페이지로 리디렉션되고, Android 섹션의 오른쪽에 있는 "스토어 패키지"를 클릭합니다.
'Android 앱 옵션' 창에서:
기존 애플리케이션을 업데이트하려면 이전에 게시된 Android 앱의 패키지 ID를 언급합니다.
애플리케이션을 처음으로 만드는 경우 미리 채워진 ID로 그대로 두도록 선택할 수 있습니다.
애플리케이션의 앱 이름 및 시작 관리자 이름을 제공합니다. 처음으로 애플리케이션을 만드는 경우 앱 번들을 생성하는 6단계로 처리할 수 있습니다.
앱을 처음 만드는 경우 "모든 설정"을 클릭하고 기존 앱 버전에서 앱 버전 및 앱 버전 코드를 1씩 증분합니다.
"서명 키"로 스크롤하여 '내 사용'을 선택하고 MCT 지원 팀에서 받은 키 저장소 파일을 업로드합니다.
애플리케이션 번들을 다운로드합니다.
참고 항목
브라우저에서 PWA를 설치하는 것과 Play 스토어에서 설치하는 것의 차이는 무엇입니까?
- 학습 환경에는 차이가 없습니다. 그러나 Play 스토어를 사용하면 애플리케이션을 다운로드할 수 있는 사용자를 선택할 수 있는 분석 및 기능에 액세스할 수 있습니다. Play 스토어는 애플리케이션을 인증하므로 더 안전합니다.
네이티브 애플리케이션에 비해 PWA의 장점
PWA는 네이티브 애플리케이션과 비교할 때 경량 애플리케이션이므로 공간을 적게 차지합니다(일반적으로 10MB 미만).
PWA는 기본적으로 네이티브 애플리케이션으로 실행되는 브라우저 페이지이므로 유지 관리가 용이하며 웹 애플리케이션용으로 릴리스된 업데이트와 동등합니다.
웹 애플리케이션으로 전송되는 모든 업데이트는 PWA와 자동으로 동기화됩니다.
네이티브 애플리케이션에서 PWA로 마이그레이션할 때 기억해야 할 사항
PWA를 사용하여 Play 스토어에서 네이티브 애플리케이션을 업데이트한 경우 앱은 디바이스 설정에 따라 사용자에게 자동으로 업데이트되며, 그렇지 않으면 사용자가 Play 스토어에서 애플리케이션을 수동으로 업데이트해야 합니다.
다운로드한 콘텐츠는 네이티브에서 PWA 애플리케이션으로 마이그레이션되지 않습니다. 학습자는 오프라인 사용을 위해 콘텐츠를 다시 다운로드해야 합니다.
옵션 2: 플랫폼 팀에서 모바일 앱 AAB 요청
Microsoft 커뮤니티 교육 기술 지원팀을 방문하세요.
.png)
홈페이지의 왼쪽 위 모서리에서 로그인을 클릭합니다. Azure AD 또는 소셜 계정을 사용하여 등록하고 로그인합니다.
지원 티켓 만들기를 클릭하고 다음 값을 입력합니다.
필드 설명 타이틀 "모바일 앱 요청" 입력 Type "요청"을 선택합니다. 주제 "모바일 앱"을 선택합니다. 설명 4단계 확인 지원 티켓의 설명 섹션에 다음 정보를 입력합니다. -
애플리케이션 색 코드(HEX 형식) - 이 색은 문서의 시작 부분에 있는 이미지에 표시된 대로 모바일 앱에서 사용됩니다. 예: 오렌지
포털 URL - 모바일 앱이 생성되는 플랫폼의 인스턴스입니다.
애플리케이션 이름 - playStore에 게시할 때 모바일 앱의 이름입니다.
지원되는 언어 - 모바일 앱에서 지원되는 언어 목록입니다.
샘플 설명 콘텐츠
- 애플리케이션 색 코드 - #FFA500
- 포털 URL - https://contoso.azurefd.net/
- 애플리케이션 이름 - Contoso 학습 센터
- 언어 - 영어, 스페인어, 텔루구어
다음 자산을 사용하여 zip 파일을 만들고 양식에 첨부합니다.
24x24, 36x36, 48x48, 72x72, 96x96, 144x144 차원의 앱 아이콘입니다. 앱을 시작하는 데 사용되는 휴대폰 화면의 아이콘은 앱 아이콘입니다. 앱 아이콘에는 투명한 배경이 있어야 합니다.
150x150, 225x225, 300x300, 450x450 차원의 시작 화면 로고입니다. 앱이 열릴 때 표시되는 화면은 아래와 같이 시작 화면입니다.
.png)
참조용 샘플 zip 파일은 다음과 같습니다. MobileApp_Assets.zip
그게 전부에요! 연락처 전자 메일 주소에 대한 링크를 수신하여 지원 팀(영업일 기준 4~5일)에서 모바일 AAB 및 APK 파일을 다운로드합니다.
playStore에 모바일 앱을 게시하는 단계
시작하기 전에
위의 단계에 따라 모바일 앱을 만들고 Microsoft에서 모바일 APK 및 AAB 파일에 대한 다운로드 링크를 받았는지 확인합니다.
APK 및 AAB 파일이라는 두 개의 파일을 제공합니다. 게시하기 전에 APK 파일을 사용하여 앱을 테스트하고 게시할 수 있습니다. 여러 Android 버전에 대한 지원을 포함하고 32비트 및 64비트를 지원하는 AAB 번들을 사용할 수 있습니다.
Google PlayStore 에 앱을 게시하기 위해 Google Play 콘솔에 등록합니다.
모바일 앱을 게시하는 단계
모바일 앱을 만든 후 지원 팀에서 받은 전자 메일에서 컴퓨터에 AAB 파일을 다운로드합니다.
여기에 제공된 지침에 따라 Google Play 스토어에 APK를 업로드하고 게시합니다.
참고 항목
AAB 파일을 게시하는 단계는 APK 파일을 게시하는 데 사용되는 단계와 유사합니다.
AAB 파일을 업로드하고 게시한 후 설정 -> 사용자 및 사용 권한으로 이동합니다.
.png)
"새 사용자 초대"를 클릭합니다.
.png)
전자 메일 주소를 로 sangamdeployments@gmail.com입력합니다.
.png)
액세스 만료 날짜를 절대로 그대로 둡니다.
역할을 릴리스 관리자로 선택합니다.
앱 선택 드롭다운에서 모바일 앱을 선택합니다.
초대 보내기를 클릭합니다.
중요: 권한이 공유되었다는 전자 메일 메모를 Microsoft 커뮤니티 교육 팀에 보냅니다. AAB 파일이 공유된 전자 메일 체인에 회신할 수 있습니다.
참고 항목
인스턴스의 로그인 유형 구성에 변경/업데이트가 있는 경우 모바일 애플리케이션을 업데이트해야 합니다.
참고 항목
- 오프라인 PWA에서 Office 파일을 사용하기 위해 Google Play 스토어에 애플리케이션을 게시하는 파일을 제공합니다.
- 사용자는 Microsoft 커뮤니티 교육 기술 지원팀 티켓을 모금하여 지원을 요청할 수 있습니다.