호스트된 웹앱

Windows PC를 사용하든 Mac을 사용하든 기존 웹 사이트 코드를 사용하여 멋진 Windows 10 앱을 빌드하세요. 개발 플랫폼을 선택한 다음 지침을 따르면 됩니다.

Windows 10의 호스트된 웹앱이란?

기존 웹 응용 프로그램의 경우 Windows 10에서는 스토어에 게시하기 위해 웹 사이트를 패키징하는 UWP(유니버설 Windows 플랫폼) 앱을 쉽게 만들 수 있습니다.

  • PC, 태블릿, 휴대폰, HoloLens, Surface Hub, Xbox 및 Raspberry Pi를 포함한 모든 Windows 기반 디바이스에서 훌륭하게 작동합니다.
  • 웹 사이트에서 실행 중인 JavaScript에서 기본 Windows API를 업데이트 및 호출하여 사용자 환경을 더 매력적으로 만듭니다.
  • Cortana 음성 명령과 통합됩니다.
  • Microsoft Edge F12 개발자 도구로 앱을 디버그합니다.
  • Windows 스토어에 있는 개발자의 모든 Windows 앱에 대한 상태, 평점, 리뷰를 추적하고 분석을 보며 수익금을 지급받을 수 있습니다.

앱 시작

Windows에서 Visual Studio를 사용하여 앱 만들기

Visual Studio를 사용하며 자신만의 호스트된 앱웹을 몇 분만에 만들 수 있습니다. 모든 기능을 갖춘 무료 Visual Studio Community 2015에는 Windows 10 개발자 도구, 유니버설 앱 템플릿, 코드 편집기, 강력한 디버거, Windows Mobile 에뮬레이터, 풍부한 언어 지원 등이 포함되어 있습니다.

Create your app with ManifoldJS or App Studio on a Mac(Mac에서 ManifoldJS 또는 App Studio를 사용하여 앱 만들기)

Visual Studio에 액세스할 수 없는 경우 선택할 수 있는 몇 가지 옵션이 있습니다. ManifoldJS는 NPM을 통해 쉽게 설치되는 Node.js 앱입니다. 무료 온라인 앱 작성 도구인 App Studio를 사용하여 Windows 10 앱을 빠르게 빌드할 수도 있습니다.

Convert your Chrome app to work on the Universal Windows Platform(Chrome 앱을 유니버설 Windows 플랫폼에서 작동하도록 변환)

기존 .zip 또는 .crx 파일에서 .appx 패키지를 생성하는 HWA-CLI 도구를 사용하여기존 Chrome 호스트된 앱을 Windows 호스트된 웹앱으로 쉽게 변환할 수 있게 했습니다.

유니버설 Windows 플랫폼을 사용하여 앱 향상

Access native Windows features(기본 Windows 기능 액세스)

Windows 런타임을 통해 JavaScript에서 기본 Windows 기능에 액세스하여 앱을 돋보이게 만드세요.

Keep your app secure(앱 보안 유지)

CSP(콘텐츠 보안 정책) 모델를 사용하여 ACUR(응용 프로그램 콘텐츠 URI 규칙)을 설정하고 앱을 안전하게 유지하세요.

Integrate Cortana voice commands(Cortana 음성 명령 통합)

음성 기능으로 앱을 실행하세요.

Declare app capabilities(앱 기능 선언)

사용자 리소스 및 디바이스 기능에 프로그래밍 방식으로 액세스할 수 있게 하세요.

Verify identity with OpenID and OAuth(OpenID 및 OAuth를 사용하여 ID 확인)

OpenID 및 OAuth를 통해 사용자 ID를 확인하여 사용자의 로그인 흐름을 간단하고 원활하게 만드세요.

Create a Hybrid App(하이브리드 앱 만들기)

더 이상 호스트된 웹앱을 사용한 온라인 실행과 패키지된 웹앱을 사용한 오프라인 실행 중에서 선택할 필요 없이 둘 다 이용하세요.

데모

Contoso Travel App(Contoso 여행 앱)

Contoso 여행 앱에서는 Windows 런타임 API를 호출하는 몇 가지 간단한 방법을 보여줍니다. 소스 코드는 여기에서 이용할 수 있습니다.

Windows 런타임 API(JavaScript)

이 간단한 데모 페이지에서 JavaScript를 사용하여 Windows API를 실험해 보세요. 소스 코드는 여기에서 이용할 수 있습니다.

  • 팝업 메시지 대화
  • 알림 메시지
  • 기본 제공 카메라 UI 액세스
  • 액세스 제어 목록
  • 일정에 약속 추가
이 페이지가 도움이 되었나요?
추가 피드백이 있나요?
감사합니다. 의견을 보내 주셔서 감사합니다.
팔로우하기 Twitter 블로그 Facebook Twitter 블로그 Facebook WeChat 라인