其他迷你应用运行时环境

不仅限于移动设备

在中国等国家/地区,迷你应用风靡市场。 除了移动设备(迷你应用的天然栖息地,到处都是迷你应用)之外,迷你应用已开始征服汽车和传统桌面等其他运行时环境。

车载迷你应用

2020 年 7 月,德国汽车制造商宝马集团宣布与腾讯合作推出 WeScenario 品牌。据腾讯称,该品牌将面向“全球 30 家领先汽车公司推出,并将 [WeScenario] 社交、内容和服务生态系统引入 110 多款主流汽车型号”

腾讯汽车的仪表板,显示了两排迷你应用图标。
腾讯 WeScenario 的着陆页(资料来源:BMW)。

桌面上的迷你应用

微信桌面版中的小程序

借助适用于 macOSWindows 的微信桌面客户端,您可以在桌面设备上运行微信小程序。(如果您正在进行研究并希望获得完整体验,请务必不要加载 App Store 中的 macOS 版本,因为该版本的功能更有限。)

如需在 macOS 上进行测试,请通过“文件传输”账号将移动设备上的迷你应用分享给自己。这将生成一条消息,您可以在桌面客户端上打开该消息。在大多数情况下,此时迷你应用将可直接点击和运行。在其他情况下,您必须使用移动设备将聊天记录再次转发给自己。

WeChat macOS 桌面客户端,显示与自己之间的对话,其中两个可见消息分别是共享的迷你应用和聊天记录。
在 macOS 版微信桌面客户端中与自己分享小程序。

在 Windows 上,无需使用与自己分享迷你应用的权宜解决方法,因为系统提供了一个专用的迷你应用面板,其中会显示用户最近使用的迷你应用,还包含一个应用搜索功能,可用于发现新的迷你应用。

WeChat Windows 客户端中的微应用面板,显示用户最近用过的微应用。
微信 Windows 客户端中的微应用面板。
微信 Windows 客户端中的迷你应用搜索功能,显示了游戏、商务、教育等各种类别的迷你应用。
微信 Windows 客户端中的小程序搜索功能。

桌面设备上的微信小程序会与操作系统自然集成。在 macOS 和 Windows 上,它们在多任务栏中都有各自的条目,并具有各自的任务栏图标。虽然在 macOS 上有保持在 Dock 中的选项,但该图标会在微信客户端应用关闭后立即消失。在 Windows 上,微应用图标可以固定到任务栏,但无法启动。在 macOS 上,应用的标题始终是“微信”,而不是应用的实际标题,而在 Windows 上,标题会正确显示。

macOS 多任务切换器除了常规 macOS 应用外,还包含迷你应用。
星巴克应用是一款迷你应用,可以像任何常规 macOS 应用一样执行多任务。
macOS Dock 上的星巴克迷你应用图标,带有“WeChat”标题。
macOS 上的迷你应用的标题为“微信”。

大多数迷你应用尚未针对桌面设备进行优化,并且在固定的不可调整大小的窗口中运行,其中包含与移动设备上一样的熟悉的界面功能和权限提示(请参阅用户体验)。

在 macOS 上运行的 Starbucks 迷你应用请求用户个人资料权限,用户可以通过底部显示的提示授予该权限。
在 macOS 上运行的 Starbucks 迷你应用,请求获取用户个人资料权限。
在 macOS 上运行的 Starbucks 迷你应用,显示了该应用的主屏幕。
在 macOS 上以固定且不可调整大小的窗口运行的 Starbucks 迷你应用。

针对桌面设备(而非移动设备)进行了优化的自适应迷你应用可以在更宽的窗口中显示,该窗口在 macOS 上目前仍是固定的,但在 Windows 上可以灵活调整大小。

微信组件演示应用,位于可调整大小的自适应应用窗口中,默认宽度大于常规移动设备屏幕。
响应式应用窗口中的微信组件演示版应用。
微信组件演示应用,位于一个狭窄的窗口中,显示了三个堆叠在一起的框 A、B 和 C。
微信组件演示版应用在狭窄的应用窗口中。
宽窗口中的微信组件演示应用,其中显示了三个框 A、B 和 C,其中 A 堆叠在 B 之上,C 位于侧边。
宽应用窗口中的微信组件演示应用。

您可以通过上下文菜单更改 macOS 上的迷你应用权限设置。在 Windows 上,这似乎行不通,并且演示版应用报告的位置信息似乎是 Windows 允许应用在不请求权限的情况下获取的粗略位置信息。

在 macOS 上运行的微信组件演示版应用,其中显示了位置信息权限和用户信息权限的两个复选框。
macOS 上的微信小程序设置。

360 安全浏览器中的迷你应用

360 安全浏览器(360 安全浏览器)是由奇虎公司开发的网络浏览器。除了 iOS 和 Android 之外,该浏览器还适用于 WindowsmacOSLinux。在 Windows 上,它能够运行特殊的 360 迷你应用开发者文档API 与其他供应商的类似;不过,360 不提供专用 DevTools。相反,开发者需要在自己选择的 IDE 中创建迷你应用,然后才能使用特殊的开发模式在浏览器中测试这些应用。调试是通过 Chrome 开发者工具完成的。您可以使用演示版应用开始使用。

使用 Chrome 开发者工具调试在 360 安全浏览器中运行的 360 迷你应用。
使用 Chrome 开发者工具调试 360 度全景迷你应用。

360 迷你应用可在全屏模式下运行,并会在多任务栏中显示为单独的条目。您可以通过上下文菜单添加主屏幕图标,以便从桌面启动迷你应用。

全屏模式下运行的 360 度视频迷你应用,显示了可供观看的各种视频缩略图。
360 Mini 应用在全屏模式下运行。

基于 Web 的迷你应用

有些迷你应用平台是基于 Web 的,但需要有特殊的 WebView 才能充分发挥其潜力。

LINE

LINE 是一款可在智能手机、平板电脑和个人电脑等电子设备上进行即时通信的应用。此外,LINE 还提供数字钱包、新闻信息流、视频点播和数字漫画分发等各种服务。该服务是韩国互联网搜索引擎公司 Naver Corporation 的子公司。

由于 LINE 迷你应用本质上只是一个普通的 Web 应用(请参阅应用示例),会提取 LINE 前端框架 (LIFF),因此您也可以通过特殊的永久链接示例)在 LINE 主应用之外访问它。不过,并非所有 API 都适用于这种情况。浏览器 API 中不提供的示例包括用于读取二维码的 liff.scanCode() 方法或 liff.bluetooth.getAvailability() 等与蓝牙相关的 API。如需了解该平台,您可以在浏览器中测试 LINE Playground 应用,如果您有 LINE 账号,也可以测试 LINE 应用。

在 iOS 设备上运行的 LINE Playground 演示版应用,显示 `liff.getOS()` 返回“ios”。
在 iOS 设备上运行的 LINE Playground 演示版应用。
在网络浏览器中运行的 LINE Playground 演示版应用,显示 `liff.getOS()` 返回“web”。
在网络浏览器中运行的 LINE Playground 演示版应用。

Google Spot

借助 Google Spot Platform,开发者可以在 Google Pay 上设置 Spot,这种数字店面可供他们以任意方式创建、设计品牌和托管。无论是在线上还是通过实体条形码,都能看到它的身影。用户可以在自己喜爱的即时通讯应用上轻松分享“Spot”(该应用对其的称呼),也可以在 Google Pay 上找到它。根据该公告文章,Spot 采用 HTML 和 JavaScript 构建,因此您只需“添加几行 JavaScript”,即可轻松地将对移动网站或 PWA 的现有投资转换到 Spot 中。

在 Google Pay 超级应用中运行的 Eat.fit 迷你应用,其中显示了登录底部动作条。
在 Google Pay 超级应用中运行的 Eat.fit 迷你应用(来源:Google)。

VK Mini Apps

俄罗斯社交网络平台 VK 推出了一项迷你应用计划,让开发者可以构建与社交网络深度关联的迷你应用。VK Mini Apps 既适用于 VK 的平台专用移动应用,也适用于桌面版网站。 除了 Mail.ru 等品牌的其他平台之外,VK 迷你应用还集成了 Atom 浏览器

在 VK 中运行的 Все аптеки 迷你应用。
在 VK 中运行的 Все аптеки 迷你应用(来源:VK)。

Telegram 迷你应用

借助 Telegram Mini Apps,开发者可以使用 JavaScript 创建可直接在 Telegram 中启动的灵活界面。与聊天机器人一样,迷你应用支持流畅的授权、使用 20 家付款服务提供商(开箱即用 Google Pay 和 Apple Pay)的集成付款、向用户发送量身定制的推送通知,以及更多功能。 您可以使用演示版迷你应用来测试此功能。

Durger King 演示版迷你应用(来源:Telegram)。

致谢

本文由 Joe MedleyKayce BasquesMilica MihajlijaAlan Kent 和 Keith Gu 审核。