기타 미니 앱 런타임 환경

모바일을 넘어

중국과 같은 국가에서는 미니 앱이 시장을 휩쓸고 있습니다. 미니 앱이 어디에나 있고 자연스러운 서식처인 휴대기기를 제외하고 미니 앱은 자동차, 기존 데스크톱과 같은 다른 런타임 환경을 정복하기 시작했습니다.

자동차의 미니 앱

2020년 7월 독일 자동차 제조업체 BMW 그룹은 WeScenario라는 브랜드로 Tencent와의 공동작업을 발표했습니다. 이 공동작업은 Tencent에 따르면 '세계 30대 자동차 회사에 출시되고 110개가 넘는 주류 자동차 모델에 소셜, 콘텐츠, 서비스의 [WeScenario] 생태계를 제공할 예정'입니다.

미니 앱 아이콘이 2줄로 표시된 텐센트 자동차의 대시보드
Tencent WeScenario의 방문 페이지 (출처: BMW).

데스크톱의 미니 앱

WeChat 데스크톱의 미니 앱

macOSWindows에서 사용할 수 있는 WeChat 데스크톱 클라이언트를 사용하면 데스크톱에서 WeChat 미니 앱을 실행할 수 있습니다. 연구를 진행하고 있고 전체 환경을 사용하려면 App Store에서 macOS 버전을 로드하지 마세요. 제한사항이 더 많습니다.

macOS에서 테스트하려면 '파일 전송' 계정을 통해 휴대기기의 미니 앱을 나와 공유하세요. 그러면 데스크톱 클라이언트에서 열 수 있는 메시지가 표시됩니다. 대부분의 경우 미니 앱을 직접 클릭하고 실행할 수 있습니다. 또는 휴대기기에서 채팅 기록을 다시 자신에게 전달해야 합니다.

공유된 미니 앱과 채팅 기록이 두 개의 메시지로 표시된 나와의 채팅을 보여주는 WeChat macOS 데스크톱 클라이언트
WeChat macOS 데스크톱 클라이언트에서 자신과 미니 앱을 공유합니다.

Windows에서는 사용자의 최근에 사용한 미니 앱을 표시하고 새 미니 앱을 찾을 수 있는 앱 검색이 포함된 전용 미니 앱 패널이 있으므로 미니 앱을 자신과 공유하는 해결 방법이 필요하지 않습니다.

WeChat Windows 클라이언트의 미니 앱 패널로, 사용자가 최근에 사용한 미니 앱을 보여줍니다.
WeChat Windows 클라이언트의 미니 앱 패널입니다.
게임, 비즈니스, 교육 등 다양한 카테고리의 미니 앱이 나열된 WeChat Windows 클라이언트의 미니 앱 검색
WeChat Windows 클라이언트의 미니 앱 검색

데스크톱의 WeChat 미니 앱은 운영체제와 자연스럽게 통합됩니다. macOS와 Windows 모두에서 멀티태스킹 막대에 자체 항목이 표시되고 자체 작업 표시줄 아이콘이 있습니다. macOS에서는 Dock에 유지하는 옵션이 있지만 WeChat 클라이언트 앱이 닫히는 순간 아이콘이 사라집니다. Windows에서는 미니 앱 아이콘을 작업 표시줄에 고정할 수 있지만 실행할 수는 없습니다. macOS에서는 앱의 제목이 항상 앱의 실제 제목이 아닌 'WeChat'이지만 Windows에서는 제목이 올바르게 표시됩니다.

macOS 멀티태스킹 전환 도구에는 일반 macOS 앱과 함께 미니 앱이 포함되어 있습니다.
Starbucks 앱은 미니 앱이며 일반 macOS 앱과 마찬가지로 멀티태스킹할 수 있습니다.
WeChat 제목이 있는 macOS Dock의 Starbucks 미니 앱 아이콘
macOS의 미니 앱에는 WeChat이라는 제목이 있습니다.

대부분의 미니 앱은 아직 데스크톱용으로 최적화되지 않았으며 크기를 조절할 수 없는 고정된 창에서 실행되며 모바일과 마찬가지로 잘 알려진 UI 어포던스와 권한 메시지가 포함됩니다 (사용자 환경 참고).

macOS에서 실행 중인 Starbucks 미니 앱이 사용자 프로필 권한을 요청하고 있습니다. 사용자는 하단에 표시된 메시지를 통해 이 권한을 부여할 수 있습니다.
macOS에서 실행 중인 Starbucks 미니 앱이 사용자 프로필 권한을 요청합니다.
macOS에서 실행 중인 스타벅스 미니 앱으로 앱의 홈 화면이 표시되어 있습니다.
크기를 조절할 수 없는 고정된 창에서 macOS에서 실행되는 Starbucks 미니 앱입니다.

모바일 외에도 데스크톱에 최적화된 반응형 미니 앱은 더 넓은 창에 표시될 수 있습니다. 이 창은 macOS에서는 현재 고정되어 있지만 Windows에서는 크기를 유연하게 조절할 수 있습니다.

크기를 조절할 수 있고 기본적으로 일반 모바일 화면보다 넓은 반응형 앱 창의 WeChat 구성요소 데모 앱
반응형 앱 창의 WeChat 구성요소 데모 앱
상자에 A, B, C가 서로 겹쳐져 있는 모습을 보여주는 좁은 창의 WeChat 구성요소 데모 앱
좁은 앱 창에 있는 WeChat 구성요소 데모 앱
A, B, C 세 개의 상자가 표시된 넓은 창의 WeChat 구성요소 데모 앱으로, A가 B 위에 스택되고 C가 옆에 있습니다.
넓은 앱 창에 표시된 WeChat 구성요소 데모 앱

macOS의 미니 앱 권한 설정은 컨텍스트 메뉴를 통해 변경할 수 있습니다. Windows에서는 불가능해 보이며 데모 앱에서 보고한 위치는 Windows에서 앱이 권한을 요청하지 않고 가져올 수 있는 대략적인 위치인 것 같습니다.

macOS에서 실행 중인 WeChat 구성요소 데모 앱으로, 위치 및 사용자 정보 권한에 관한 체크박스 2개가 표시되어 있습니다.
macOS의 WeChat 미니 앱 설정

360 Secure Browser의 미니 앱

360 Secure Browser (360 安全浏览器)는 Qihoo에서 개발한 웹브라우저입니다. 이 브라우저는 iOS 및 Android 외에도 Windows, macOS, Linux에서도 사용할 수 있습니다. Windows에서는 특수한 360 미니 앱을 실행할 수 있습니다. 개발자 문서API는 다른 공급업체의 문서와 비슷하지만 360에서는 전용 DevTools를 제공하지 않습니다. 대신 개발자는 원하는 IDE에서 미니 앱을 만든 후 특수 개발 모드를 사용하여 브라우저에서 테스트할 수 있습니다. 디버깅은 Chrome DevTools를 통해 이루어집니다. 시작하려면 데모 앱을 사용하세요.

360 Secure Browser에서 실행 중인 360 Mini 앱을 Chrome Dev Tools로 디버그하고 있습니다.
Chrome Dev Tools를 사용하여 360도 미니 앱을 디버그합니다.

360도 미니 앱은 전체 화면 모드로 실행할 수 있으며 멀티태스킹 바에 별도의 항목으로 표시됩니다. 컨텍스트 메뉴를 통해 데스크톱에서 미니 앱을 실행할 수 있는 홈 화면 아이콘을 추가할 수 있습니다.

전체 화면 모드로 실행되는 360도 동영상 미니 앱으로, 시청할 동영상의 다양한 썸네일이 표시되어 있습니다.
360도 미니 앱이 전체 화면 모드로 실행되고 있습니다.

웹 기반 미니 앱

웹 기반이지만 특수 WebView가 있어야 잠재력을 최대한 발휘할 수 있는 미니 앱 플랫폼이 있습니다.

LINE

LINE은 스마트폰, 태블릿 컴퓨터, PC와 같은 전자 기기에서 실시간으로 소통할 수 있는 앱입니다. 또한 LINE은 디지털 지갑, 뉴스 스트림, VOD, 디지털 만화 배포 등 다양한 서비스를 제공하는 플랫폼입니다. 이 서비스는 대한민국 인터넷 검색엔진 회사인 네이버 주식회사의 자회사입니다.

LINE 미니 앱LINE 프런트엔드 프레임워크(LIFF)를 가져오는 기본적으로 일반 웹 앱(샘플 앱 참고)이므로 특수한 영구 링크()를 통해 기본 LINE 앱 외부에서도 액세스할 수 있습니다. 그러나 이러한 경우 일부 API는 사용할 수 없습니다. 브라우저 API에서 사용할 수 없는 예로는 QR 코드를 읽는 liff.scanCode() 메서드나 liff.bluetooth.getAvailability()와 같은 블루투스 관련 API가 있습니다. 플랫폼을 사용해 보려면 브라우저에서 LINE 플레이그라운드 앱을 테스트하고 LINE 계정이 있는 경우 LINE 앱을 테스트해 보세요.

iOS 기기에서 실행 중인 LINE Playground 데모 앱으로, `liff.getOS()` 가 'ios'를 반환하는 것을 보여줍니다.
iOS 기기에서 실행 중인 LINE Playground 데모 앱
웹브라우저에서 실행 중인 LINE 플레이그라운드 데모 앱으로, `liff.getOS()` 가 'web'을 반환하는 것을 보여줍니다.
웹브라우저에서 실행되는 LINE Playground 데모 앱

Google Spot

Google Spot Platform을 사용하면 개발자가 원하는 방식으로 제작, 브랜딩, 호스팅할 수 있는 온라인 매장인 Google Pay에서 Spot을 설정할 수 있습니다. 온라인으로는 물론 실제 바코드를 통해서도 검색할 수 있습니다. 사용자는 즐겨 사용하는 메시지 앱에서 'Spot' (앱에서 부르는 이름)을 간편하게 공유하거나 Google Pay에서 찾을 수 있습니다. Spot은 HTML 및 JavaScript를 사용하여 제작되므로 공지사항 게시물에 따라 '자바스크립트를 몇 줄 추가'하여 모바일 웹사이트 또는 PWA에 대한 기존 투자를 간편하게 Spot으로 변환할 수 있습니다.

Google Pay 슈퍼 앱에서 실행 중인 Eat.fit 미니 앱으로 로그인 하단 시트가 표시되어 있습니다.
Google Pay 슈퍼 앱에서 실행되는 Eat.fit 미니 앱 (출처: Google)

VK Mini Apps

러시아 소셜 네트워킹 플랫폼인 VK는 개발자가 소셜 네트워크와 긴밀하게 연결된 미니 앱을 빌드할 수 있는 미니 앱 프로그램을 운영합니다. VK 미니 앱은 VK의 플랫폼별 모바일 앱과 데스크톱 웹사이트에서 모두 작동합니다. Mail.ru와 같은 여러 브랜드의 다른 플랫폼 외에도 VK 미니 앱은 Atom 브라우저에도 통합되어 있습니다.

VK에서 실행되는 Все аптеки 미니 앱
VK에서 실행되는 Все аптеки 미니 앱 (출처: VK)

텔레그램 미니 앱

Telegram 미니 앱을 사용하면 개발자가 JavaScript를 사용하여 Telegram 내에서 바로 실행할 수 있는 유연한 인터페이스를 만들 수 있습니다. 미니 앱은 봇과 마찬가지로 원활한 승인, 20개 결제 제공업체 (Google Pay 및 Apple Pay가 기본 제공됨)를 사용하는 통합 결제, 사용자에게 맞춤 푸시 알림을 전송하는 기능 등을 지원합니다. 이 기능을 테스트할 수 있는 데모 미니 앱이 있습니다.

Durger King 데모 미니 앱 (출처: Telegram)

감사의 말씀

이 도움말은 조 미들리, 케이스 바스케스, 밀리카 미하일리아, 앨런 켄트, 케이스 구님이 검토했습니다.