不止是在移动设备上
在中国等国家/地区,迷你应用风靡市场。除了移动设备随处可见且微型应用也是自然栖息地的移动设备之外,迷你应用已经开始征服汽车和经典桌面设备等其他运行时环境。
车载迷你应用
2020 年 7 月,德国汽车制造商宝马集团 (BMW Group) 宣布与腾讯合作,名为 WeScenario,根据腾讯的一项消息,该合作将面向“全球 30 家领先的汽车公司,并为超过 110 种主流汽车车型 [引入 WeScenario] 生态系统”。
![一辆腾讯汽车的仪表板,上面显示了两行迷你应用图标。](https://web.developers.google.cn/static/articles/mini-apps/mini-app-alternative-runtime-environments/image/dashboard-a-tencent-car.jpg?authuser=19&hl=zh-cn)
桌面设备上的迷你应用
微信桌面版中的迷你应用
使用适用于 macOS 和 Windows 的微信桌面客户端,您可以在桌面上运行微信迷你应用。(如果您正在研究并希望获得完整体验,切勿从App Store 中加载 macOS 版本,因为它更受限制。)
如需在 macOS 上进行测试,请在移动设备上通过“文件传输”帐号与自己分享迷你应用。这将生成一条消息,然后您可以稍后在桌面客户端上打开该消息。在大多数情况下,迷你应用可以直接点击并运行。在其他情况下,您必须从移动设备再次将聊天记录转发给自己。
![微信 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-cn)
在 Windows 上,无需采用与自己共享迷你应用的权宜方法,因为有一个专用的迷你应用面板会显示用户最近使用过的迷你应用,并且还包含可用于发现新的迷你应用的应用搜索功能。
![微信 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-cn)
![微信 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-cn)
桌面设备上的微信迷你应用会自然而然地与操作系统集成。在 macOS 和 Windows 上,这些扩展程序都会在多任务栏中显示自己的条目,并有自己的任务栏图标。在 macOS 上,有一个保留在基座中的选项,该图标会在微信客户端应用关闭后立即消失。在 Windows 中,迷你应用图标可以固定在任务栏上,但无法启动。在 macOS 上,应用名称始终为“微信”,而不是应用的实际名称,而标题在 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-cn)
![macOS 基座上的“星巴克”迷你应用图标,其中带有微信标题。](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-cn)
大多数迷你应用尚未针对桌面设备进行优化,并且会在不可调整大小的固定窗口中运行,该窗口中包含众所周知的界面功能和权限提示,就像在移动设备上一样(请参阅用户体验)。
![在 macOS 上运行的星巴克迷你应用请求用户个人资料权限,用户可以通过底部显示的提示授予该权限。](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-cn)
![在 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-cn)
针对桌面设备优化过的响应式迷你应用(移动设备除外)可以在较宽的窗口中显示。在 macOS 上目前仍是固定的,但在 Windows 上则可以灵活地调整大小。
![微信组件演示版应用位于自适应应用窗口中,该窗口可以调整大小,并且默认宽于平常的移动设备屏幕。](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-cn)
![微信组件演示版应用在一个狭窄的窗口中显示,其中 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-cn)
![在宽大的窗口中显示微信组件演示版应用,其中显示了三个方框 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-cn)
macOS 上的迷你应用权限设置可通过上下文菜单更改。在 Windows 上,这似乎不可能,并且演示版应用报告的位置信息似乎是 Windows 允许应用在未经许可的情况下获取的粗略位置。
![一款在 macOS 上运行的微信组件演示版应用,显示了位置信息和用户信息权限的两个复选框。](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-cn)
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-cn)
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-cn)
基于网络的迷你应用
有一些迷你应用平台是基于网络的,但依靠特殊 WebView 的存在来释放其全部潜力。
行
LINE 是一款用于在智能手机、平板电脑和个人计算机等电子设备上进行即时通信的应用。此外,LINE 还是一个提供各种服务的平台,包括电子钱包、新闻流、视频点播和数字漫画分发。该服务是韩国互联网搜索引擎公司 Naver Corporation 的子公司。
由于 LINE 迷你应用实际上只是一个引入 LINE 前端框架 (LIFF) 的常规 Web 应用(请参阅示例应用),因此您也可以通过特殊的永久链接在 LINE 主应用之外访问该应用(示例)。不过,并非所有 API 在此类情况下都可用。浏览器 API 中未提供的示例包括用于读取二维码的 liff.scanCode()
方法或与蓝牙相关的 API(如 liff.bluetooth.getAvailability()
)。为了解该平台,您可以在浏览器中测试 LINE Playground 应用;如果您有 LINE 帐号,也可以测试 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-cn)
![在网络浏览器中运行的 LINE Playground 演示版应用显示“liff.getOS()”返回“web”。](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-cn)
Google 小程序
Google Spot Platform 允许开发者在 Google Pay 上设置 Spot - 一个他们可以按照自己选择的方式创建、品牌和托管的数字店面。在网上和实体条形码中都能找到它。用户可以在自己喜爱的即时通讯应用上轻松分享“Spot”(如应用所调用的那样),也可以在 Google Pay 上找到它。Spot 使用 HTML 和 JavaScript 构建,因此根据公告博文,通过“添加几行 JavaScript”就能轻松将对移动网站或 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=19&hl=zh-cn)
VK Mini 应用
俄罗斯社交网络平台 VK 运行着一个迷你应用计划,该计划可让开发者构建与社交网络紧密集成的迷你应用。VK 迷你应用适用于 VK 平台专用移动应用和桌面版网站。 除了该品牌的几个其他平台(如 Mail.ru)之外,VK 迷你应用还集成到了 Atom 浏览器中。
![在 VK 中运行的 FORMATTEDе аптеки 迷你应用。](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-cn)
Telegram 迷你应用
借助 Telegram Mini 应用,开发者可以使用 JavaScript 创建可直接在 Telegram 中启动的灵活界面。与聊天机器人一样,迷你应用支持无缝授权、使用 20 个付款服务机构进行集成付款(开箱即用 Google Pay 和 Apple Pay)、向用户发送量身定制的推送通知等等。您可以使用一个迷你演示版应用测试该功能。
致谢
本文由 Joe Medley、Kayce Basques、Milica Mihajlija、Alan Kent 和 Keith Gu 审阅。