不只是使用行動裝置
在中國等國家,小型應用程式也大受歡迎。除了提供小型應用程式的行動裝置之外,小型應用程式也是自然棲地,而小型應用程式也已開始佔據其他執行階段環境,例如汽車和傳統桌面。
車用迷你應用程式
2020 年 7 月,德國汽車製造商 BMW Group 宣布與騰訊公司 BMW Group 合作,共同根據 Tencent 所說,推出「全球 30 大汽車公司,[將 WeScenario] 生態系統推廣到超過 110 個主流汽車車款。
![騰訊車的資訊主頁,顯示兩列迷你應用程式圖示。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/dashboard-a-tencent-car.jpg?authuser=19&hl=zh-tw)
電腦上的迷你應用程式
微信中的迷你應用程式
只要使用 macOS 和 Windows 適用的 WeChat 桌面用戶端,即可在電腦上執行 WeChat 迷你應用程式。(如果您正在進行研究,並希望享有完整的體驗,請務必「不要」從 App Store 載入 macOS 版本,因為 macOS 的版本比較小)。
如要在 macOS 上測試,請透過行動裝置透過「檔案傳輸」帳戶與自己分享一個迷你應用程式。畫面上會出現訊息,您可以在電腦版用戶端中開啟。在大多數情況下,迷你應用程式可以直接點擊並執行。而在其他情況下,您必須透過行動裝置再次將即時通訊記錄轉寄給自己。
![WeChat macOS 電腦版用戶端顯示與某人進行的即時通訊,畫面顯示兩則共用的迷你應用程式,且畫面上顯示兩則即時通訊記錄。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-macos-desktop-ff77c2594df87.png?authuser=19&hl=zh-tw)
在 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=19&hl=zh-tw)
![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=19&hl=zh-tw)
電腦版的 WeChat 迷你應用程式能自然地與作業系統整合。在 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=19&hl=zh-tw)
![macOS 座架上的星巴克迷你應用程式圖示,標題為 WeChat 標題。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ic-69f453a6b3106.png?authuser=19&hl=zh-tw)
大部分的小型應用程式尚未針對電腦版進行最佳化,並且會在無法調整大小的固定視窗中執行,其中包含已知的 UI 預設用途和權限提示 (請參閱「使用者體驗」一節)。
![在 macOS 上執行的 Starbucks 迷你應用程式,要求使用者提供使用者設定檔權限,讓使用者可透過底部顯示的提示授予權限。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-1b25007f0451a.png?authuser=19&hl=zh-tw)
![Starbucks 迷你應用程式 (在 macOS 上執行),顯示應用程式的主畫面。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-starbucks-mini-app-ru-572cd2e489b0f.png?authuser=19&hl=zh-tw)
在 macOS 上,針對電腦最佳化的回應式迷你應用程式 (與行動裝置專用) 可顯示在較寬的視窗中。
![回應式應用程式視窗中的 WeChat 元件試用版應用程式可調整大小,預設為比一般行動裝置螢幕更寬。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-1c3d986776774.png?authuser=19&hl=zh-tw)
![WeChat 元件試用版應用程式在窄視窗中,顯示三個堆疊的 A、B 和 C 方塊。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-wechat-components-dem-a1fe189f05208.png?authuser=19&hl=zh-tw)
![展開視窗中顯示的 WeChat 元件示範應用程式,顯示三個方塊 A、B 和 C,側邊則堆疊 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=19&hl=zh-tw)
你可以透過內容選單變更 macOS 的迷你應用程式權限設定。在 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=19&hl=zh-tw)
360 安全瀏覽器中的迷你應用程式
360 安全瀏覽器 (360 安全瀏覽器) 是由奇虎公司開發的網路瀏覽器。除了 iOS 和 Android 外,瀏覽器也支援 Windows、macOS 和 Linux。在 Windows 上,它可以執行特殊的 360 迷你應用程式。開發人員說明文件和 API 與其他廠商同樣類似,但 360 並未提供專屬的開發人員工具。因此,開發人員必須自行選擇的 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=19&hl=zh-tw)
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=19&hl=zh-tw)
網頁式小型應用程式
一些小型的應用程式平台為網頁式,但需要有特殊的 WebView 才能充分發揮其潛力。
LINE
LINE 是一款可在電子裝置 (如智慧型手機、平板電腦和個人電腦) 上即時通訊的應用程式。此外,LINE 這個平台提供多種服務,包括數位錢包、新聞串流、隨選影片和數位漫畫發布。這項服務是韓國網際網路搜尋引擎公司 Naver Corporation 的子公司。
由於 LINE mini 應用程式本質上就是採用 LINE Front-end Framework (LIFF) 的範例應用程式 (請參閱範例應用程式),因此您也可以透過特殊的永久連結 (範例),在主要 LINE 應用程式之外存取該應用程式。不過,並非所有 API 都適用於這類情況。瀏覽器 API 中未提供的範例包括用於讀取 QR code 的 liff.scanCode()
方法,或 liff.bluetooth.getAvailability()
等藍牙相關 API。如要體驗平台的功能,可以在瀏覽器和 LINE 應用程式中測試 LINE Playground 應用程式 (如果您有 LINE 帳戶)。
![在 iOS 裝置上執行的 LINE Playground 試用版應用程式,顯示「liff.getOS()」傳回「ios」。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-78d20ca810b96.png?authuser=19&hl=zh-tw)
![在網路瀏覽器中執行的 LINE Playground 試用版應用程式,顯示傳回「web」的「liff.getOS()」。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-line-playground-demo-1f5ceb7a58e0c.png?authuser=19&hl=zh-tw)
Google Spot
Google Spot Platform 可讓開發人員在 Google Pay 上設定 Spot,這是一個數位店面,可隨心所欲地建立、品牌和代管。這可以透過網路或實體條碼找到。使用者可透過自己慣用的訊息應用程式輕鬆分享「Spot」,或在 Google Pay 中直接找到該「Spot」。Spot 是以 HTML 和 JavaScript 建構而成,因此請按照公告貼文「加入幾行 JavaScript」,就能輕鬆將現有的投資項目轉換為行動版網站或 PWA。
![在 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=19&hl=zh-tw)
VK 迷你應用程式
俄羅斯社群網路平台 VK 執行了一個「迷你應用程式程式」,可讓開發人員建構與社群網路密切關聯的小型應用程式。VK mini 應用程式適用於 VK 平台專用的行動應用程式和電腦版網站。除了品牌的其他平台 (如 Mail.ru) 以外,VK mini 應用程式也已整合至 Atom 瀏覽器中。
![使用 VK 的 akсе аптеки 迷你應用程式。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/the-vse-apteki-mini-app-r-4c223b1f34dd3.webp?authuser=19&hl=zh-tw)
Telegram 迷你應用程式
透過 Telegram Mini Apps,開發人員可以使用 JavaScript 建立可直接在 Telegram 中開啟的彈性介面。和機器人一樣,Mini Apps 和機器人一樣支援無縫授權、整合式付款服務,透過 20 個付款服務供應商 (可立即使用 Google Pay 和 Apple Pay) 提供專屬的推播通知等等。有一個試用版迷你應用程式可供測試功能。
特別銘謝
本文由 Joe Medley、Kayce Basques、Milica Mihajlija、Alan Kent 和 Keith Gu 審查。