跳转至正文
@capgo/capacitor-native-market 已重命名 已从 @capgo/native-market 重命名为 @capgo/capacitor-native-market. 商业 开源

原生市场 Capacitor 插件

通过 Deep Link 将用户直接引导到 Google Play Store 或 Apple App Store 上的应用页面

安装

bun add @capgo/capacitor-native-market bunx cap sync
npm、pnpm 或 yarn
  • npm install @capgo/capacitor-native-market
  • pnpm add @capgo/capacitor-native-market
  • yarn add @capgo/capacitor-native-market

指南

如何在 Capacitor 中使用 Native Market

在设备上测试

下载 Capgo App,然后扫描二维码 code。

Native Market 插件预览二维码 code

使用 @capgo/capacitor-native-market

Capacitor Native Market 插件,用于打开应用商店的商品页和页面。

安装

npm install @capgo/capacitor-native-market
npx cap sync

插件暴露的内容

  • openStoreListing - 在 Play Store (Android) 或 App Store (iOS) 中打开应用详情页。
  • openDevPage - 直接通过 Deep-link 跳转至 Play Store 中的开发者页面。仅限 Android。
  • openCollection - 将用户引导至 Play Store 的合集或排行榜。仅限 Android。
  • openEditorChoicePage - 将用户引导至 Play Store 的编辑精选页面。仅限 Android。

用法示例

openStoreListing

在 Play Store (Android) 或 App Store (iOS) 中打开应用详情页。

import { NativeMarket } from '@capgo/capacitor-native-market';

// Open app in store
await NativeMarket.openStoreListing({
  appId: 'com.example.app'
});

// Open app in specific country store (iOS only)
await NativeMarket.openStoreListing({
  appId: 'com.example.app',
  country: 'IT'
});

openDevPage

直接通过 Deep-link 跳转至 Play Store 中的开发者页面。仅限 Android。

import { NativeMarket } from '@capgo/capacitor-native-market';

await NativeMarket.openDevPage({
  devId: 'Google+LLC'
});

openCollection

将用户引导至 Play Store 的合集或排行榜。仅限 Android。

import { NativeMarket } from '@capgo/capacitor-native-market';

await NativeMarket.openCollection({
  name: 'featured'
});

openEditorChoicePage

将用户引导至 Play Store 的编辑精选页面。仅限 Android。

import { NativeMarket } from '@capgo/capacitor-native-market';

await NativeMarket.openEditorChoicePage({
  editorChoice: 'editorial_fitness_apps_us'
});

完整参考

继续阅读:使用 @capgo/capacitor-native-market

如果你正在使用 使用 @capgo/capacitor-native-market 要规划商店审核与分发,请将其与 @capgo/capacitor-native-market 有关 @capgo/capacitor-native-market 中的实现细节, 快速入门 有关“入门指南”中的实现细节, @capgo/capacitor-in-app-review 有关 @capgo/capacitor-in-app-review 中的实现细节, 使用 @capgo/capacitor-in-app-review 通过使用 @capgo/capacitor-in-app-review 来实现原生能力,并且 Capacitor OTA 更新:App Store 审核指南 有关 Capacitor OTA 更新:App Store 审核指南的实际背景。

常见问题

Native Market 插件常见问题

如何在 Capacitor 应用中安装 Native Market 插件?

运行 "bun add @capgo/capacitor-native-market" (或 "npm install @capgo/capacitor-native-market"),然后运行 "bunx cap sync" 使 iOS 和 Android 项目同步 native code。最后在你的应用 code 中从 "@capgo/capacitor-native-market" 导入即可。

@capgo/capacitor-native-market 是否支持 React、Vue 和 Angular?

支持。Native Market 是一个 Capacitor 包,因此它支持任何在 Capacitor 中运行的 Web 框架,包括 Ionic、React、Vue、Angular、Svelte 以及原生 JavaScript。

@capgo/capacitor-native-market 支持哪个版本的 Capacitor?

Capgo 插件遵循 Capacitor 的主版本号:请使用与 Capacitor 主版本号一致的插件主版本(例如插件 v8 对应 Capacitor 8)。GitHub README 中的兼容性表列出了仍在维护的版本。

@capgo/capacitor-native-market 是免费开源的吗?

是的。code 的源码已在 GitHub 公开,地址为 https://github.com/Cap-go/capacitor-native-market/,并且你可以通过 npm 免费安装该包。欢迎提交 Bug 报告和 Pull Request。

我可以在不经过 App Store 审核的情况下,更新使用了 Native Market 的 code 吗?

安装或升级插件会改动原生 code,因此需要重新做一次商店构建。之后,调用该插件的 JavaScript、HTML 和 CSS 改动就能通过 Capgo live updates 立即发布。

无需等待 App Store 审核,即可快速发布 Native Market 更新

只要插件已包含在你的商店版本中,Capgo live updates 就能在几分钟内把 JavaScript、HTML 和 CSS 的改动推送给用户。

开始使用 Capgo