본문으로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-live-reload
튜토리얼
@capgo/capacitor-live-reload

Live Reload

개발 중에 즉시热重载을 위해 개발 서버에 연결하세요.

도움말

실시간 리로드 튜토리얼

장치에서 테스트

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

실시간 리로드 플러그인 미리보기 QR code

@capgo/capacitor-live-reload 사용

Capacitor 플러그인을 사용하여 Capacitor 앱을远程 Vite 개발 서버에서 실시간으로 리로드합니다.

설치

bun add @capgo/capacitor-live-reload
bunx cap sync

이 플러그인은 다음을 제공합니다.

  • configureServer - 이후 연결에 사용할远程 개발 서버 설정을 저장합니다.
  • connect - 현재 활성화되지 않은 WebSocket 연결을establish합니다.
  • disconnect - 현재 WebSocket 연결을 종료하고 자동 재 연결을 비활성화합니다.
  • getStatus - 현재 연결 상태를 반환합니다.

예제 사용

configureServer

이후 연결에 사용할远程 개발 서버 설정을 저장합니다.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

현재 활성화되지 않은 WebSocket 연결을establish합니다.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.connect();

disconnect

현재 WebSocket 연결을 종료하고 자동 재 연결을 비활성화합니다.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.disconnect();

getStatus

현재 연결 상태를 반환합니다.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.getStatus();

전체 참조

capgo을 사용하여 계속하세요. @capgo/capacitor-live-reload

__CAPGO_KEEP_0__을 사용 중이시면 @capgo/capacitor-live-reload을 사용하여 자연스러운 플러그인 작업을 계획하기 위해, @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload을 연결하세요. @capgo/capacitor-live-reload을 사용하여 @capgo/capacitor-live-reload의 구현 세부 사항을 확인하세요. for the implementation detail in @capgo/capacitor-live-reload, Getting Started의 구현 세부 사항을 확인하세요. __CAPGO_KEEP_0__ 플러그인 디렉토리 Capgo Plugin Directory Capgo 제품 워크플로우 디렉토리에서 Capacitor 플러그인에 의해 Capgo Capacitor 플러그인에 의해 Capgo의 구현 세부 사항, 그리고 플러그인 추가 또는 업데이트 __CAPGO_KEEP_0__ 플러그인에 의해 __CAPGO_KEEP_1__의 구현 세부 사항.