@capgo/capacitor-live-reload을 사용하여
Capacitor 플러그인을 사용하여 Capacitor 앱을 원격 Vite 개발 서버에서 실시간으로 다시 로드합니다.
설치
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync code의 네이티브 버전을 프로젝트에 복사합니다. 플러그인 업그레이드 후 다시 실행하세요.
import
import { LiveReload } from '@capgo/capacitor-live-reload';
API을 한눈에
| 방법 | 설명 |
|---|---|
configureServer |
remote dev server 설정을 저장하여 이후 연결에 사용합니다. |
connect |
WebSocket 연결을establish합니다. (이미 활성화된 경우) |
disconnect |
현재 WebSocket 연결을 종료하고 자동 재 연결을 비활성화합니다. |
getStatus |
현재 연결 상태를 반환합니다. |
reload |
Capacitor WebView를 완전한 reload을 트리거합니다. |
reloadFile |
단일 파일/모듈을 reload합니다. (런타임이 지원하는 경우, 완전한 reload으로 fallback합니다.). |
예시
configureServer()
remote dev server 설정을 저장하여 이후 연결에 사용합니다.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
WebSocket 연결을establish합니다. (이미 활성화된 경우)
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
현재 WebSocket 연결을 종료하고 자동 재 연결을 비활성화합니다.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
현재 연결 상태를 반환합니다.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Capacitor WebView를 완전한 reload을 트리거합니다.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
파일/모듈을 다시 로드합니다. 런타임이 지원하는 경우 전체 로드에 fallback합니다.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
이벤트를 듣습니다.
addListener 핸들을 반환합니다. 호출 handle.remove() 화면이 언마운트되면 또는 LiveReload.removeAllListeners() 모든 리스너를 삭제합니다.
전체 참조
@capgo/capacitor-live-reload
Capacitor Live Reload를 사용하고 있습니다. Using @capgo/capacitor-live-reload native 플러그인 작업을 계획하기 위해, 그것을 연결하세요. @capgo/capacitor-live-reload for the implementation detail in @capgo/capacitor-live-reload, Getting Started Getting Started의 implementation detail에 대해 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리의 product workflow에 대해 Capacitor Capgo 플러그인 Capacitor-live-reload의 implementation detail, Capacitor Capgo 플러그인에 대해 플러그인을 추가하거나 업데이트 플러그인을 추가하거나 업데이트하는 implementation detail에 대해