본문 바로가기
@capgo/capacitor-native-market 이름 변경됨 @capgo/native-market에서 @capgo/capacitor-native-market.으로 이름 변경됨 커머스 오픈 소스

네이티브 마켓 Capacitor 플러그인

사용자를 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 앱을 다운로드한 후 QR code을 스캔하세요.

Native Market 플러그인 미리보기 QR code

@capgo/capacitor-native-market 사용하기

앱 스토어의 상세 페이지 및 목록을 열 수 있는 Capacitor Native Market Plugin입니다.

설치

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

플러그인이 제공하는 기능

  • openStoreListing - Play Store(Android) 또는 App Store(iOS)의 앱 상세 페이지를 엽니다.
  • openDevPage - 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

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의 구현 세부 사항은, 시작하기 Getting Started의 구현 상세 내용은 @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 플러그인 FAQ

Capacitor 앱에 Native Market 플러그인을 어떻게 설치하나요?

"bun add @capgo/capacitor-native-market"(또는 "npm install @capgo/capacitor-native-market")를 실행한 다음 "bunx cap sync"를 실행하면 iOS와 Android 프로젝트에 네이티브 code가 반영됩니다. 앱 code에서 "@capgo/capacitor-native-market"로 import 하세요.

@capgo/capacitor-native-market가 React, Vue, Angular와 호환되나요?

네. Native Market은 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte, 순수 JavaScript 등 Capacitor에서 실행되는 모든 웹 프레임워크와 호환됩니다.

@capgo/capacitor-native-market는 어떤 Capacitor 버전을 지원하나요?

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 사용 중인 Capacitor 메이저 버전과 일치하는 플러그인 메이저 버전을 사용하세요 (예: Capacitor 8에는 플러그인 v8). 유지 관리되는 버전은 GitHub README의 호환성 표에서 확인할 수 있습니다.

@capgo/capacitor-native-market는 무료이며 오픈 소스인가요?

네. code 소스 코드는 GitHub의 https://github.com/Cap-go/capacitor-native-market/에 공개되어 있고, 패키지는 npm에서 무료로 설치할 수 있습니다. 버그 리포트와 pull request는 언제든 환영합니다.

App Store 심사 없이 Native Market을 사용하는 code를 업데이트할 수 있나요?

플러그인을 설치하거나 업그레이드하면 네이티브 code가 변경되므로 새로운 스토어 빌드가 필요합니다. 그 이후에는 플러그인을 호출하는 JavaScript, HTML, CSS 변경 사항을 Capgo live updates로 즉시 배포할 수 있습니다.

앱 심사 대기 없이 Native Market 변경 사항을 즉시 배포하세요

스토어 빌드에 플러그인이 포함되면, Capgo live updates로 JavaScript, HTML, CSS 변경 사항을 몇 분 만에 사용자에게 푸시할 수 있습니다.

Capgo로 시작하기