시작하기
설치 단계 및 이 플러그인의 전체 마크다운 가이드가 포함된 설정 프롬프트를 복사하세요.
Set up this Capacitor plugin in the project.
Use the package manager already used by the project.
Install these package(s): `@capgo/capacitor-widget-kit`
Run the required Capacitor sync/update step after installation.
Read this markdown guide for the full setup steps: https://raw.githubusercontent.com/Cap-go/website/refs/heads/main/apps/docs/src/content/docs/docs/plugins/widget-kit/getting-started.mdx
Use that guide for platform-specific steps, native file edits, permissions, config changes, imports, and usage setup.
If that guide references other docs pages, read them too.
설치
설치 섹션bun add @capgo/capacitor-widget-kitbunx cap sync수입
수입 섹션import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';API 개요
설치 섹션 API 개요areActivitiesSupported
areActivitiesSupported 섹션현재 기기에서 네이티브 템플릿 활동 브리지를 실행할 수 있는지 확인합니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.areActivitiesSupported();startTemplateActivity
startTemplateActivity 섹션Persist generic SVG template activity and start the matching native Live Activity bridge.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.startTemplateActivity({} as StartTemplateActivityOptions);updateTemplateActivity
업데이트 템플릿 활동저장된 활동 정의/상태의 일부 또는 전부를 교체합니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.updateTemplateActivity({} as UpdateTemplateActivityOptions);endTemplateActivity
템플릿 활동 종료클립보드 복사
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.endTemplateActivity({} as EndTemplateActivityOptions);performTemplateAction
실행 중인 활동을 종료하고 optionally 마지막 상태 스냅샷을 저장합니다.클립보드 복사
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.performTemplateAction({} as PerformTemplateActionOptions);getTemplateActivity
클립보드 복사공유 저장소에서 한 활동을 되돌려 읽습니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.getTemplateActivity({} as GetTemplateActivityOptions);listTemplateActivities
리스트 템플릿 활동 섹션플러그인이 알고 있는 모든 활동을 나열합니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateActivities();listTemplateEvents
리스트 템플릿 이벤트 섹션앱이 위젯 상호 작용에 대응하기 위해 저장된 액션 이벤트를 나열합니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.listTemplateEvents();acknowledgeTemplateEvents
이벤트 템플릿 확인 섹션이미 처리된 이벤트를 확인합니다.
import { CapgoWidgetKit } from '@capgo/capacitor-widget-kit';
await CapgoWidgetKit.acknowledgeTemplateEvents({} as AcknowledgeTemplateEventsOptions);타입 참조
타입 참조 섹션ActivitiesSupportedResult
활동 지원 결과 섹션라이브 활동 기능 확인 결과
export interface ActivitiesSupportedResult { /** * Whether the current device and runtime can run the native template activity bridge. */ supported: boolean;
/** * Human-readable reason when support is unavailable. */ reason?: string;}StartTemplateActivityOptions
템플릿 활동 시작 옵션 섹션일반 SVG 템플릿 활동 시작 옵션
export interface StartTemplateActivityOptions { /** * Optional explicit activity identifier. When omitted, the native runtime creates one. */ activityId?: string;
/** * Generic SVG template definition. */ definition: SvgTemplateDefinition;
/** * Initial JSON state exposed under `state.*`. */ state: SvgTemplateState;
/** * Optional deep link used when the widget body is tapped. */ openUrl?: string;}StartTemplateActivityResult
템플릿 활동 시작 결과 섹션일반 템플릿 활동 시작 결과
export interface StartTemplateActivityResult { /** * Stored activity snapshot. */ activity: SvgTemplateActivityRecord;}UpdateTemplateActivityOptions
템플릿 활동 업데이트 옵션 섹션기존 템플릿 활동 업데이트 옵션
export interface UpdateTemplateActivityOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Optional replacement definition. */ definition?: SvgTemplateDefinition;
/** * Optional replacement state. */ state?: SvgTemplateState;
/** * Optional replacement deep link. */ openUrl?: string;}TemplateActivityResult
템플릿 결과 활동 섹션단일 활동을 읽거나 업데이트할 때의 결과입니다.
export interface TemplateActivityResult { /** * Stored activity snapshot, or `null` when not found. */ activity: SvgTemplateActivityRecord | null;}EndTemplateActivityOptions
템플릿 활동 종료 옵션 섹션템플릿 활동을 종료하는 데 사용할 수 있는 옵션입니다.
export interface EndTemplateActivityOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Optional final state persisted before ending. */ state?: SvgTemplateState;}PerformTemplateActionOptions
명령형 작업을 실행하는 데 사용할 수 있는 옵션입니다.명령형 작업을 실행한 후의 결과입니다.
export interface PerformTemplateActionOptions { /** * Activity identifier returned by `startTemplateActivity`. */ activityId: string;
/** * Action identifier declared in the template definition. */ actionId: string;
/** * Optional source identifier, typically the hotspot id that triggered the action. */ sourceId?: string;
/** * Optional payload stored with the emitted event and exposed to declarative patches under `{{action.payload.*}}`. */ payload?: JsonObject;}PerformTemplateActionResult
템플릿 작업을 종료하는 데 사용할 수 있는 옵션입니다.템플릿 작업을 종료한 후의 결과입니다.
export interface PerformTemplateActionResult { /** * Updated activity snapshot. */ activity: SvgTemplateActivityRecord;
/** * Action event emitted by the runtime. */ event: SvgTemplateActionEvent;}GetTemplateActivityOptions
템플릿 활동 옵션을 가져오기저장된 활동 한 개를 읽기 위한 옵션입니다.
export interface GetTemplateActivityOptions { /** * Activity identifier to load. */ activityId: string;}ListTemplateActivitiesResult
저장된 활동 목록저장된 활동 목록을 가져올 때의 결과입니다.
export interface ListTemplateActivitiesResult { /** * Stored activity snapshots. */ activities: SvgTemplateActivityRecord[];}ListTemplateEventsOptions
액션 이벤트 목록 가져오기 옵션액션 이벤트 목록을 가져올 때의 옵션입니다.
export interface ListTemplateEventsOptions { /** * Optional activity filter. */ activityId?: string;
/** * When true, only unacknowledged events are returned. */ unacknowledgedOnly?: boolean;}ListTemplateEventsResult
액션 이벤트 목록액션 이벤트 목록을 가져올 때의 결과입니다.
export interface ListTemplateEventsResult { /** * Matching action events. */ events: SvgTemplateActionEvent[];}진실의 근원
진실의 근원 섹션이 페이지는 플러그인의 src/definitions.ts업스트림의 공공 API이 변경되었을 때 다시 싱크를 실행하세요.