메인 콘텐츠로 건너뛰기
@capgo/capacitor-pay 상업 오픈 소스

Pay Capacitor 플러그인

애플 페이와 구글 페이를 통해 체크아웃 경험을 원활하게 하여 결제를 수락하세요.

설치

bun add @capgo/capacitor-pay bunx cap sync
npm, pnpm 또는 yarn
  • npm install @capgo/capacitor-pay
  • pnpm add @capgo/capacitor-pay
  • yarn add @capgo/capacitor-pay

문제 신고

How to use Pay in Capacitor

플러그인 팀과 이야기하세요 →

다운로드하여 Capgo 앱을 설치한 후 QR code 코드를 스캔하세요.

결제 플러그인 미리보기 QR code

@capgo/capacitor-pay를 사용하여

Capacitor 플러그인을 사용하여 iOS(애플 페이)와 Android(구글 페이)를 위한 네이티브 결제를 트리거합니다.

설치

bun add @capgo/capacitor-pay
bunx cap sync

bunx cap sync 플러그인의 네이티브 code을 네이티브 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.

수입

import { Pay } from '@capgo/capacitor-pay';

API 플러그인을 한눈에

방법 설명
isPayAvailable 현재 플랫폼에서 네이티브 결제가 사용 가능한지 확인합니다. iOS에서는 Apple Pay를, Android에서는 Google Pay를 평가합니다.
requestPayment 현재 플랫폼의 네이티브 결제 시트를 표시합니다. iOS에서는 Apple Pay 구성, Android에서는 Google Pay 구성을 제공합니다.

예시

isPayAvailable()

현재 플랫폼에서 네이티브 결제가 사용 가능한지 확인합니다. iOS에서는 Apple Pay를, Android에서는 Google Pay를 평가합니다.

import { Pay } from '@capgo/capacitor-pay';

const result = await Pay.isPayAvailable();
console.log(result);

requestPayment()

현재 플랫폼의 네이티브 결제 시트를 표시합니다. iOS에서는 Apple Pay 구성, Android에서는 Google Pay 구성을 제공합니다.

import { Pay } from '@capgo/capacitor-pay';

const result = await Pay.requestPayment({
  apple: {
    merchantIdentifier: 'merchant-identifier-123',
    countryCode: 'US',
    currencyCode: 'USD',
    paymentSummaryItems: [
      {
        label: 'Hello from Capacitor',
        amount: 'amount',
      },
    ],
    supportedNetworks: ['AmEx'],
  },
});
// The result holds sensitive values: use it without logging it.

전체 참조

Using @capgo/capacitor-pay에서 계속하세요

현재 __CAPGO_KEEP_0__을 사용 중이라면 Using @capgo/capacitor-pay 결제 및 구매를 계획하고 @capgo/capacitor-결제 @capgo/capacitor-pay 구현 세부 사항을 위해 시작하기 시작하기의 구현 세부 정보를 Capgo 가격 정보 Capacitor-pay 제품 워크플로우에 대한 Capgo 가격 정보 결제 시스템 결제 시스템의 구현 세부 정보를 @capgo/자연어 구매 @capgo/자연스러운 구매 구현에 대한 세부 정보.

FAQ

FAQ

Pay 플러그인을 Capacitor 앱에 설치하는 방법은?

Run "bun add @capgo/capacitor-pay" (or "npm install @capgo/capacitor-pay"), then run "bunx cap sync" so the iOS and Android projects pick up the native code. Import it from "@capgo/capacitor-pay" in your app code.

@capgo/capacitor-pay은 React, Vue 및 Angular과 함께 작동합니까?

Yes. Pay는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 plain JavaScript와 같은 웹 프레임워크가 Capacitor 내부에서 실행되는 경우 작동합니다.

어떤 Capacitor 버전이 @capgo/capacitor-pay을 지원합니까?

Capgo plugins follow Capacitor's major version: use the plugin major version that matches your Capacitor major version (for example plugin v8 with Capacitor 8). The compatibility table in the GitHub README lists the maintained versions.

@capgo/capacitor-pay은 무료이며 오픈 소스입니까?

Yes. code의 원본은 https://github.com/Cap-go/capacitor-pay/에서 GitHub에 공개되어 있으며 npm에서 무료로 설치할 수 있습니다. 버그 보고서와 pull request는 환영합니다.

@code/__CAPGO_KEEP_1__-pay을 업데이트할 수 있습니까?

code을 업데이트하면 native code이 변경되므로 새로운 스토어 빌드를 필요로 합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo live updates를 통해 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Pay를 업데이트합니다.

플러그인을 스토어 빌드에 추가한 후 Capgo 라이브 업데이트 기능을 사용하면, 사용자에게 JavaScript, HTML 및 CSS 변경 사항을 몇 분만에 푸시할 수 있습니다.

Capgo