빠른 시작: 잠금 화면에 타일 및 배지 업데이트 표시(Windows 런타임 앱)

아티클
12/11/2015

[ 이 문서는 Windows 런타임 앱을 작성하는 Windows에서 8.x 및 Windows Phone 8.x 개발자를 대상으로 합니다. Windows 10용으로 개발하는 경우에는 최신 설명서를 참조하세요.]

이 항목에서는 앱이 배지 및 타일 알림을 잠금 화면에 표시할 수 있게 하는 방법에 대해 설명합니다. 알림을 잠금 화면에 보낼 수 있는 특별한 절차는 없습니다. 잠금 화면에 표시되는 알림은 시작 화면에 표시되는 알림과 동일합니다. 알림 메시지는 특별한 설정 없이 잠금 화면에 표시됩니다.

사전 요구 사항

이 항목을 이해하기 위해 필요한 항목은 다음과 같습니다.

타일 및 알림 용어와 개념에 대한 기본 지식. 자세한 내용은 타일, 배지 및 알림을 참조하세요.
타일 XML 스키마를 사용한 경험 자세한 내용은 타일 스키마를 참조하세요.
Windows 런타임 API를 사용하여 JavaScript로 기본 Windows 스토어 앱을 만들 수 있는 능력 자세한 내용은 JavaScript를 사용하는 첫 번째 Windows 스토어 앱 만들기를 참조하세요.
앱의 매니페스트에 정의되어 있는 앱의 기존 기본 타일. 자세한 내용은 빠른 시작: Microsoft Visual Studio 매니페스트 편집기를 사용하여 기본 타일 만들기를 참조하세요.
DOM(문서 개체 모델) API에서 XML 사용 및 XML 조작에 대한 경험

지침

1. 앱의 잠금 화면 상태 유형 선언

잠금 화면 접근 권한 값은 앱의 package.appxmanifest 파일에서 선언됩니다. Visual Studio 매니페스트 편집기를 사용하는 경우 응용 프로그램 탭에서 적절한 잠금 화면 알림 옵션을 선택합니다.

다음 예제에서는 옵션 선택의 결과로 package.appxmanifest 파일에 삽입된 XML을 보여 줍니다. LockScreen 요소는 매니페스트 VisualElements 요소의 자식 노드로 추가됩니다.

여기에 표시된 XML은 Visual Studio 외부에서 package.appxmanifest 파일을 직접 만드는 경우에도 사용됩니다. 자세한 내용은 수동으로 패키지 매니페스트를 만드는 방법을 참조하세요.


<VisualElements 
    ...
    <LockScreen Notification="badge" BadgeLogo="images\logo-lockscreen.png"/>
    ...
</VisualElements>


<VisualElements 
    ...
    <LockScreen Notification="badgeAndTileText" BadgeLogo="images\logo-lockscreen.png"/>
    ...
</VisualElements>

2. 배지 로고 이미지 선언

다음 예제에서는 LockScreen 요소의 BadgeLogo 특성에 대한 XML 선언을 보여 줍니다. 일반적으로 이 값은 직접 설정하는 대신 Visual Studio를 통해 설정합니다. 이미지 요구 사항에 대한 자세한 내용은 잠금 화면 앱 개요를 참조하세요.


<VisualElements 
    ...
    <LockScreen Notification="badge" BadgeLogo="images\logo-lockscreen.png"/>
    ...
</VisualElements>

3. 백그라운드 작업 선언

잠금 화면에 현재 상태가 표시되는 앱은 다음 백그라운드 작업 유형 중 하나를 선언해야 합니다.

제어 채널(Windows만 해당)
타이머
푸시 알림

Visual Studio에서 이 값은 매니페스트 편집기의 선언 페이지에서 설정됩니다.

드롭다운 목록에서 "백그라운드 작업"을 선택합니다.
추가 단추를 클릭합니다.
속성 목록에서 적절한 항목을 선택하고 선택 항목에 필요한 정보를 추가합니다.

매니페스트의 XML에서 이 값은 BackgroundTasks 요소에 선언됩니다.

백그라운드 작업에 대한 자세한 내용은 백그라운드 작업 소개 백서를 참조하세요.

4. 와이드 로고 지정

1단계에서 badgeAndTileText 값을 선택한 경우 앱 기본 타일의 일부로 와이드 로고 이미지를 지정해야 합니다. 사용자가 잠금 화면에 타일을 설정하고 자세한 상태를 표시하도록 선택한 경우 와이드 타일이 사용됩니다. 큰 타일과 중간 크기 타일은 잠금 화면에 사용되지 않으므로 와이드 바인딩 없이 전송된 타일 알림은 잠금 화면에 표시되지 않습니다.

Visual Studio 매니페스트 편집기를 통해 또는 여기 표시된 대로 매니페스트의 XML에서 와이드 로고 이미지를 지정할 수 있습니다.


<VisualElements 
    ...
    <DefaultTile ShortName="Tiles JS" ShowName="allLogos" WideLogo="images\tile-sdk.png"/>
    ...
</VisualElements>

요약 및 다음 단계

위의 단계를 완료한 후 사용자가 타일을 표시하도록 선택하면 타일이 잠금 화면에 표시됩니다. 이 항목에 설명된 절차를 수행하면 앱이 장치 설정에 잠금 화면 앱으로 나열됩니다. 사용자가 이러한 앱 중에서 잠금 화면에 표시할 앱과 텍스트를 통해 자세한 상태를 표시할 단일 앱을 최종 선택할 수 있습니다.