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

업데이터 Capacitor 플러그인

앱 스토어 심사 대기 없이 Ionic 및 Capacitor live updates를 사용자에게 즉시 배포하세요

설치

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

@capgo/capacitor-updater를 통한 Ionic 및 Capacitor Live Update

@capgo/capacitor-updater는 Ionic 및 Capacitor 앱의 Capgo Live Update를 구동하는 오픈소스 updater 플러그인입니다. 승인된 웹 번들을 다운로드해 네이티브 롤백 보호와 함께 적용하고, 바이너리만 바뀌는 사항은 기존 App Store 및 Play 스토어 심사 경로를 그대로 따르게 합니다.

네이티브 셸이 이미 승인된 뒤 HTML, CSS, JavaScript, 에셋 등 웹 레이어 변경 사항을 OTA로 업데이트해야 할 때 사용하세요.

설치

npm install @capgo/capacitor-updater
npx cap sync

적용 위치

Ionic 팀에게 Live Update는 보통 같은 워크플로우를 뜻합니다. 모든 사용자에게 전체 스토어 출시를 강요하지 않고 새 웹 번들을 배포하는 것이죠. Capgo는 채널, 호환성 검사, 롤아웃 제어, 디바이스 로그, 롤백으로 Capacitor 앱에서 이 워크플로우를 처리합니다.

네이티브 플러그인, entitlements, Android manifest 변경, iOS plist 변경, 바이너리 SDK 업데이트는 여전히 일반 앱 스토어 출시가 필요합니다. 이런 변경은 네이티브 build 파이프라인에 두고, 승인된 웹 레이어에는 Live Update를 사용하세요.

플러그인 주요 기능

  • 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 구현 상세 정보: 시작하기, 채널, 그리고 롤백.

자주 묻는 질문

Updater 플러그인 FAQ

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

"bun add @capgo/capacitor-updater" (또는 "npm install @capgo/capacitor-updater")를 실행한 후, "bunx cap sync"를 실행하여 iOS 및 Android 프로젝트에 네이티브 code가 반영되도록 합니다. 그 다음 앱의 code에서 "@capgo/capacitor-updater"를 통해 import 하세요.

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

네. Updater는 Capacitor 패키지이므로, Ionic, React, Vue, Angular, Svelte 및 일반 JavaScript를 포함하여 Capacitor에서 실행되는 모든 웹 프레임워크와 호환됩니다.

@capgo/capacitor-updater은 어떤 Capacitor 버전을 지원하나요?

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

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

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

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

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

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

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

Capgo부터 시작하세요