본문 바로가기
@capgo/capacitor-updater 업데이트 오픈 소스

업데이터 Capacitor 플러그인

앱 스토어 심사 대기 없이 Ionic 및 Capacitor 라이브 업데이트를 사용자에게 즉시 배포하세요

설치

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

가이드

Capacitor에서 Updater 사용법

기기에서 테스트하기

Capgo 앱을 다운로드한 후 QR code을 스캔하세요.

Updater 플러그인 미리보기 QR code

Ionic 및 Capacitor 라이브 업데이트를 위한 @capgo/capacitor-updater

@capgo/capacitor-updater는 Ionic 및 Capacitor 앱을 위한 Capgo live updates를 뒷받침하는 오픈소스 updater 플러그인입니다. 승인된 web bundle을 다운로드해 native rollback protection과 함께 적용하고, 바이너리 전용 변경 사항은 일반적인 App Store 및 Play 심사 경로를 그대로 따르게 합니다.

Native shell이 이미 승인된 뒤 HTML, CSS, JavaScript, assets 및 기타 web-layer 변경 사항에 OTA updates가 필요할 때 사용하세요.

설치

npm install @capgo/capacitor-updater
npx cap sync

적합한 활용 사례

Ionic 팀에게는 live updates가 보통 같은 워크플로우를 의미합니다. 모든 사용자가 전체 스토어 릴리스를 거치지 않고 새 web bundle을 배포하는 것입니다. Capgo는 channels, 호환성 검사, rollout 제어, device logs, rollback 기능으로 Capacitor 앱의 이 워크플로우를 처리합니다.

Native plugin, entitlements, Android manifest 변경, iOS plist 변경 및 바이너리 SDK 업데이트는 여전히 일반적인 앱 스토어 릴리스가 필요합니다. 이러한 변경 사항은 native build pipeline에서 관리하고, 승인된 web layer에는 live updates를 사용하세요.

플러그인이 제공하는 기능

  • notifyAppReady - JavaScript가 성공적으로 초기화되었음을 native layer에 알립니다.
  • setUpdateUrl - 런타임에 앱의 update URL을 동적으로 설정합니다.
  • setStatsUrl - 런타임에 앱의 statistics URL을 동적으로 설정합니다.
  • setChannelUrl - 런타임에 앱의 channel URL을 동적으로 설정합니다.

사용 예시

notifyAppReady

JavaScript가 성공적으로 초기화되었음을 native layer에 알립니다.

import { CapacitorUpdater } from '@capgo/capacitor-updater';

const result = await CapacitorUpdater.notifyAppReady();
console.log(result);

setUpdateUrl

런타임에 앱의 update URL을 동적으로 설정합니다.

import { CapacitorUpdater } from '@capgo/capacitor-updater';

await CapacitorUpdater.setUpdateUrl({ url: 'https://example.com' });

setStatsUrl

런타임에 앱의 statistics URL을 동적으로 설정합니다.

import { CapacitorUpdater } from '@capgo/capacitor-updater';

await CapacitorUpdater.setStatsUrl({ url: 'https://example.com' });

setChannelUrl

런타임에 앱의 channel URL을 동적으로 설정합니다.

import { CapacitorUpdater } from '@capgo/capacitor-updater';

await CapacitorUpdater.setChannelUrl({ url: 'https://example.com' });

전체 레퍼런스

@capgo/capacitor-updater에서 계속하기

사용 중이라면 @capgo/capacitor-updater Live Update를 계획하려면, 다음과 연결하세요 Live Update 제품 워크플로우를 위해서는, @capgo/capacitor-updater 구현 세부 사항은 다음을 참조하세요: 시작하기, 채널, 그리고 롤백.

자주 묻는 질문

업데이터 플러그인 FAQ

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

"bun add @capgo/capacitor-updater"(또는 "npm install @capgo/capacitor-updater")을 실행한 후, iOS 및 Android 프로젝트가 네이티브 code를 인식하도록 "bunx cap sync"를 실행하세요. 앱 code에서 "@capgo/capacitor-updater"로 가져오세요.

@capgo/capacitor-updater은 React, Vue, Angular와 함께 작동하나요?

네. 업데이터는 Capacitor 패키지이므로 Ionic, React, Vue, Angular, Svelte 및 순수 JavaScript를 포함하여 Capacitor 내에서 실행되는 모든 웹 프레임워크와 함께 작동합니다.

@capgo/capacitor-updater이 지원하는 Capacitor 버전은 무엇인가요?

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

@capgo/capacitor-updater은 무료이고 오픈 소스인가요?

네. 소스 code는 https://github.com/Cap-go/capacitor-updater/의 GitHub에서 공개되어 있으며, npm에서 무료로 설치할 수 있습니다. 버그 보고와 풀 리퀘스트를 환영합니다.

업데이터를 사용하는 code를 앱 스토어 리뷰 없이 업데이트할 수 있나요?

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

앱 심사 대기 없이 Updater 변경 사항 배포

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

Capgo로 시작하기