__CAPGO_KEEP_0__
@capgo/capacitor-알림 장치 API 오픈 소스

알림 Capacitor 플러그인

Capgo을 사용하여 native iOS 및 Android 푸시 알림을 보내기, 사용자 조회, 배지, 통계 및 무음 업데이트 확인

설치

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

설명서

Capacitor에서 알림을 사용하는 방법

@capgo/capacitor-notifications을 사용하는 방법

Capgo에서 사용자 확인, 배지, 전면/열기 추적, 배경 콜백 및 무음 Capgo 라이브 업데이트 확인을 지원하는 iOS 및 Android 네이티브 푸시 알림을 보내세요.

플러그인은 Capgo 알림 PIPELINE을 위한 것입니다. Capgo은 플랫폼 인증서 메타데이터 및 캠페인 제어 데이터를 Postgres에 저장하고, Cloudflare 분석 엔진에 활성 장치 상태 및 전달 이벤트를 기록합니다.

설치

Capgo CLI 사용을 위한 안내를 받으세요:

npx @capgo/cli@latest notifications setup com.example.app

수동 설치:

npm install @capgo/capacitor-notifications @capgo/capacitor-updater
npx cap sync

설정

import { CapgoNotifications } from '@capgo/capacitor-notifications'

await CapgoNotifications.configure({
  appId: 'com.example.app',
  autoUpdater: true,
  updateInstallMode: 'next',
})

인증된 사용자 등록

Mint identityProof 백엔드에서 __CAPGO_KEEP_0__를 생성한 후 로그인 성공 후 장치 등록 POST /notifications/recipients/proof이벤트를 수신

await CapgoNotifications.register({
  externalId: 'customer-user-123',
  identityProof,
  tags: ['paid'],
  attributes: { plan: 'team' },
  consent: true,
})

iOS 설정

await CapgoNotifications.addListener('notificationReceived', (notification) => {
  console.log('Received', notification)
})

await CapgoNotifications.addListener('notificationOpened', (event) => {
  console.log('Opened', event.notification.id)
})

await CapgoNotifications.addListener('backgroundNotification', async (event) => {
  try {
    console.log('Background payload', event.notification.data)
  } finally {
    await event.finish()
  }
})

알림 활성화

푸시 알림 그리고 and 배경 모드 > Remote notifications Xcode에서

Remote notifications을 전달하세요 ios/App/App/AppDelegate.swift:

func application(_ application: UIApplication, didReceiveRemoteNotification userInfo: [AnyHashable: Any], fetchCompletionHandler completionHandler: @escaping (UIBackgroundFetchResult) -> Void) {
    NotificationCenter.default.post(name: Notification.Name("CapgoNotificationsRemoteNotification"), object: userInfo)
    completionHandler(.newData)
}

Android 설정

실행 npx cap sync android안드로이드 플랫폼 인증 정보를 Capgo 에서 설정하고, 안드로이드 13 이상에서 알림 권한을 요청하고, Google Play 서비스가 있는 디바이스 또는 에뮬레이터에서 테스트하세요.

Xcode에서 Run을 클릭하고, Android 플랫폼 인증 정보를 __CAPGO_KEEP_0__에 구성하고, Android 13 이상에서 알림 권한을 요청하고, Google Play 서비스가 있는 기기 또는 에뮬레이터에서 테스트하세요.

  • 실행 npx @capgo/cli@latest notifications setup com.example.app 디버깅 체크리스트 capacitor.config.*.
  • Capgo 폴더 안에 있는
  • 받는 사람을 __CAPGO_KEEP_0__에서 외부 고객 ID로 검색하세요. android or ios 그런 경우 허가가 주어집니다.
  • 임시 리스너를 추가합니다. registrationChanged, notificationReceived, notificationOpened, 그리고 backgroundNotification.
  • 대시보드에서 테스트 알림을 보내십시오.
  • 대기 중인, 전송된, 수신된, 그리고 열린 이벤트의 통계를 확인하십시오.
  • silent 업데이트 확인을 위해 @capgo/capacitor-updater 설치되어 있으며 autoUpdater 전체 참조

문서: /docs/plugins/notifications/

Using @capgo/capacitor-notifications

만약 사용 중이라면 Using @capgo/capacitor-notifications @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-notifications과 연결하여 @capgo/capacitor-알림 Debugging troubleshooting @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-updater @capgo/capacitor-업데이터 __CAPGO_KEEP_0__ 플러그인 디렉토리 Capgo 다른 네이티브 플러그인에 대해.

FAQ

Notifications 플러그인 FAQ

Notifications 플러그인을 Capacitor 앱에 설치하는 방법은 무엇인가요?

Run "bun add @capgo/capacitor-notifications" (또는 "npm install @capgo/capacitor-notifications")를 실행한 후 "bunx cap sync"를 실행하여 iOS와 Android 프로젝트가 네이티브 code를 인식하도록 하세요. 그리고 앱 code에서 "@capgo/capacitor-notifications"를 임포트하세요.

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

네. Notifications는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript와 같은 웹 프레임워크가 Capacitor 내에서 작동하는 경우에 작동합니다.

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

Capgo 플러그인은 Capacitor의 메이저 버전을 따릅니다. 예를 들어, 플러그인 v8과 Capacitor 8이면, 플러그인 메이저 버전이 플러그인 메이저 버전과 Capacitor 메이저 버전이 일치해야 합니다. GitHub README에서 제공하는 호환성 테이블을 참조하세요.

Is @capgo/capacitor-notifications 무료이며 오픈 소스인가요?

Yes. The source code is public on GitHub at https://github.com/Cap-go/capgo/tree/main/packages/capacitor-notifications/ and the package is free to install from npm. Bug reports and pull requests are welcome.

App Store 리뷰 없이 code을 업데이트할 수 있나요?

code를 native로 설치하거나 업그레이드하면 새로운 스토어 빌드가 필요합니다. 그 후에 JavaScript, HTML 및 CSS 변경 사항이 플러그인을 호출하는 경우 Capgo 라이브 업데이트와 함께 즉시 배포할 수 있습니다.

앱 리뷰 기다리지 않고 Notification 변경을 배포

플러그인이 스토어 빌드에 포함된 후 Capgo 라이브 업데이트 사용자에게 JavaScript, HTML 및 CSS 변경을 몇 분만에 푸시합니다.

Capgo으로 시작하세요