모바일 그 이상
중국과 같은 국가에서는 미니 앱이 시장을 휩쓸었습니다. 미니 앱이 어디에나 있고 자연스러운 환경인 휴대기기를 제외하고, 미니 앱은 자동차나 기존 데스크톱과 같은 다른 런타임 환경을 정복하기 시작했습니다.
자동차용 미니 앱
2020년 7월, 독일의 자동차 제조업체 BMW Group은 Tencent와 WeScenario라는 브랜드의 협업을 발표했습니다. Tencent에 따르면 '전 세계 30개 주요 자동차 회사'를 대상으로 'WeScenario'의 소셜, 콘텐츠, 서비스 생태계를 110개가 넘는 주류 자동차 모델에 제공할 예정입니다.
![두 줄로 된 미니 앱 아이콘이 표시된 Tencent 차량의 대시보드입니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/dashboard-a-tencent-car.jpg?authuser=5&hl=ko)
데스크톱의 미니 앱
WeChat Desktop의 미니 앱
macOS 및 Windows용 WeChat 데스크톱 클라이언트를 사용하면 데스크톱에서 WeChat 미니 앱을 실행할 수 있습니다. (조사를 하면서 전체 환경을 원하는 경우 더 제한적이기 때문에 macOS 버전을 App Store에서 로드하지 마세요.)
macOS에서 테스트하려면 '파일 전송' 계정을 통해 휴대기기의 미니 앱을 본인과 공유합니다. 이렇게 하면 데스크톱 클라이언트에서 열 수 있는 메시지가 표시됩니다. 대부분의 경우 미니 앱은 직접 클릭 및 실행 가능합니다. 그 외의 경우에는 모바일 기기에서 채팅 기록을 다시 자신에게 전달해야 합니다.
![WeChat macOS 데스크톱 클라이언트에 표시된 2개의 메시지로, 공유된 미니 앱이 있는 자신과의 채팅과 채팅 기록이 2개의 메시지로 표시되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-macos-desktop-ff77c2594df87.png?authuser=5&hl=ko)
Windows에서는 미니 앱을 자신과 공유하는 해결 방법이 필요하지 않습니다. 사용자가 최근에 사용한 미니 앱을 표시하고 새 미니 앱을 검색할 수 있는 앱 검색도 포함하는 전용 미니 앱 패널이 있기 때문입니다.
![사용자가 최근에 사용한 미니 앱이 표시된 WeChat Windows 클라이언트의 미니 앱 패널](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-panel-the-w-d77d8ecfb45ff.png?authuser=5&hl=ko)
![게임, 비즈니스, 교육 등 다양한 카테고리에 나열된 미니 앱을 보여주는 WeChat Windows 클라이언트의 미니 앱 검색](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-mini-app-search-the-063f6eb0f29b8.png?authuser=5&hl=ko)
데스크톱의 WeChat mini 앱은 운영체제와 자연스럽게 통합됩니다. macOS와 Windows 모두 멀티태스킹 바에 자체 항목이 표시되고 자체 작업 표시줄 아이콘이 있습니다. macOS에서 Dock에 유지할 수 있는 옵션이 있지만 WeChat 클라이언트 앱이 닫히면 아이콘이 사라집니다. Windows에서 미니 앱 아이콘을 작업 표시줄에 고정할 수는 있지만 실행할 수는 없습니다. macOS에서는 앱 제목이 항상 'WeChat'이고 앱의 실제 제목이 아닌 반면, Windows에서는 제목이 올바르게 표시됩니다.
![macOS 멀티태스킹 전환기에는 일반 macOS 앱과 함께 미니 앱이 포함되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-macos-multitask-switc-41fdba003b0ab.png?authuser=5&hl=ko)
![macOS Dock에 WeChat이라는 제목의 Starbucks Mini 앱 아이콘](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ic-69f453a6b3106.png?authuser=5&hl=ko)
대부분의 미니 앱은 아직 데스크톱에 최적화되지 않았으며, 모바일에서와 같이 잘 알려진 UI 어포던스 및 권한 메시지를 포함하는 크기 조정이 불가한 고정된 창에서 실행됩니다. 사용자 환경을 참고하세요.
![macOS에서 실행되는 Starbucks Mini 앱에서 하단에 표시된 메시지를 통해 사용자가 부여할 수 있는 사용자 프로필 권한을 요청합니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-1b25007f0451a.png?authuser=5&hl=ko)
![macOS에서 실행 중인 Starbucks Mini 앱에 앱의 홈 화면이 표시되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-572cd2e489b0f.png?authuser=5&hl=ko)
데스크톱 (모바일 제외)에 최적화된 반응형 미니 앱은 더 넓은 창에 표시할 수 있습니다. macOS에서는 현재 고정되어 있지만 Windows에서는 크기를 유연하게 조절할 수 있습니다.
![WeChat 구성요소 데모 앱은 반응형 앱 창에 표시되어 있으며, 크기를 조절할 수 있으며 기본적으로 일반적인 모바일 화면보다 넓습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-1c3d986776774.png?authuser=5&hl=ko)
![3개의 상자 A, B, C가 서로 겹쳐져 있는 작은 창에 표시된 WeChat 구성요소 데모 앱](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-a1fe189f05208.png?authuser=5&hl=ko)
![3개의 상자 A, B, C가 표시된 넓은 창에 표시된 WeChat 구성요소 데모 앱 A와 A는 측면에 B와 C 위에 쌓여 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-abe24ae8acfe5.png?authuser=5&hl=ko)
macOS의 Mini 앱 권한 설정은 컨텍스트 메뉴를 통해 변경할 수 있습니다. Windows에서는 가능하지 않은 것으로 보이며, 데모 앱에서 보고한 위치는 Windows에서 앱이 권한을 요청하지 않고도 가져올 수 있는 대략적인 위치인 것으로 보입니다.
![macOS에서 실행되는 WeChat 구성요소 데모 앱에 위치 및 사용자 정보 권한에 관한 체크박스 두 개가 표시되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-3646592ae405b.png?authuser=5&hl=ko)
360 보안 브라우저의 미니 앱
360 Secure Browser (360 اᄏ览)는 Qihoo라는 회사에서 개발한 웹브라우저입니다. iOS 및 Android 외에 Windows, macOS, Linux용 브라우저도 사용할 수 있습니다. Windows에서는 특수한 360 미니 앱을 실행할 수 있습니다. 개발자 문서 및 API는 다른 공급업체의 문서와 유사하지만 360은 전용 DevTools를 제공하지 않습니다. 대신 개발자는 직접 선택한 IDE에서 미니 앱을 만든 다음 특수 개발 모드를 사용하여 브라우저에서 테스트할 수 있습니다. 디버깅은 Chrome 개발자 도구를 통해 실행됩니다. 시작하려면 데모 앱을 사용할 수 있습니다.
![360 보안 브라우저에서 실행 중인 360도 미니 앱이 Chrome 개발자 도구로 디버깅되고 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-mini-app-running-3-6302b6618cd95.png?authuser=5&hl=ko)
360도 미니 앱은 전체 화면 모드로 실행되며 멀티태스킹 바에 별도의 항목으로 표시됩니다. 컨텍스트 메뉴를 통해 홈 화면 아이콘을 추가하여 데스크톱에서 미니 앱을 실행할 수 있습니다.
![전체 화면 모드로 실행 중인 360도 동영상 미니 앱으로, 시청할 동영상의 다양한 썸네일이 표시되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/a-360-video-mini-app-runn-aa0d65f94deb.png?authuser=5&hl=ko)
웹 기반 미니 앱
웹 기반이지만 특별한 WebView의 유무에 따라 잠재력을 최대한 활용하는 미니 앱 플랫폼이 몇 가지 있습니다.
LINE
LINE은 스마트폰, 태블릿 컴퓨터, 개인용 컴퓨터와 같은 전자 기기에서 인스턴트 커뮤니케이션을 하기 위한 앱입니다. 또한 LINE은 디지털 지갑, 뉴스 스트림, VOD, 디지털 만화 배포 등 다양한 서비스를 제공하는 플랫폼입니다. 이 서비스는 한국의 인터넷 검색엔진 회사인 네이버 코퍼레이션의 자회사입니다.
LINE 미니 앱은 LINE 프런트엔드 프레임워크(LIFF)를 가져오는 본질적으로 일반 웹 앱(샘플 앱 참고)이므로 특수 영구 링크(예)를 통해 기본 LINE 앱 외부에서도 액세스할 수 있습니다. 그러나 이러한 경우에 일부 API를 사용할 수 없습니다. 브라우저 API에서 사용할 수 없는 예로는 QR 코드 또는 블루투스 관련 API(예: liff.bluetooth.getAvailability()
)를 읽는 liff.scanCode()
메서드가 있습니다.
플랫폼을 파악하기 위해 LINE 계정이 있는 경우 브라우저와 LINE 앱에서 LINE 플레이그라운드 앱을 테스트할 수 있습니다.
!['ios'를 반환하는 `liff.getOS()` 를 보여주는 LINE 플레이그라운드 데모 앱 iOS 기기에서 실행](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-78d20ca810b96.png?authuser=5&hl=ko)
!['web'을 반환하는 `liff.getOS()` 를 보여주는 웹브라우저에서 실행 중인 LINE 플레이그라운드 데모 앱](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-1f5ceb7a58e0c.png?authuser=5&hl=ko)
Google Spot
개발자는 Google Spot Platform을 사용하여 Google Pay에서 Spot을 설정할 수 있습니다. 이 디지털 매장은 원하는 방식으로 만들고, 브랜딩하고, 호스팅할 수 있습니다. 온라인은 물론 실제 바코드를 통해 찾을 수 있습니다. 사용자는 즐겨 사용하는 메시지 앱에서 'Spot'을 쉽게 공유하거나 Google Pay에서 찾을 수 있습니다. Spot은 HTML 및 자바스크립트를 사용하여 빌드되므로 공지 게시물에 따라 '자바스크립트 몇 줄을 추가'하면 모바일 웹사이트 또는 PWA에 대한 기존 투자를 Spot으로 쉽게 변환할 수 있습니다.
![Google Pay 슈퍼 앱에서 실행 중인 Eat.fit 미니 앱으로 로그인 하단 시트가 표시되어 있습니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-eatfit-mini-app-runn-f55df1ea6339d.png?authuser=5&hl=ko)
VK 미니 앱
러시아 소셜 네트워킹 플랫폼인 VK는 개발자가 소셜 네트워크와 밀접한 관련이 있는 미니 앱을 빌드할 수 있는 미니 앱 프로그램을 실행합니다. VK mini 앱은 VK의 플랫폼별 모바일 앱과 데스크톱 웹사이트 모두에서 작동합니다. Mail.ru와 같은 브랜드의 다른 여러 플랫폼 외에도 VK 미니 앱도 Atom 브라우저에 통합되어 있습니다.
![VK에서 실행되는 лсе асстеки 미니 앱입니다.](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-vse-apteki-mini-app-r-4c223b1f34dd3.webp?authuser=5&hl=ko)
텔레그램 미니 앱
개발자는 Telegram Mini Apps를 통해 JavaScript로 Telegram 내에서 바로 실행할 수 있는 유연한 인터페이스를 만들 수 있습니다. 봇과 마찬가지로 Mini Apps는 원활한 승인, 20곳의 결제 시스템 공급자를 통한 통합 결제 (즉시 Google Pay 및 Apple Pay 포함), 사용자에게 맞춤형 푸시 알림 전송 등을 지원합니다. 이 기능을 테스트할 수 있는 데모 미니 앱이 있습니다.
감사의 말
이 문서는 Joe Medley, Kayce Basques, Milica Mihajlija, Alan Kent, Keith Gu가 검토했습니다.