메인 콘텐츠로 바로가기
플러그인으로 돌아가기
@capgo/capacitor-live-reload
튜토리얼
@capgo/capacitor-live-reload

라이브 리로드

개발 중인 앱에 대한 즉각적인 리로드를 위해 개발 서버에 연결하세요.

라이브 업데이트 제품 페이지

Capgo 마케팅 웹사이트

Capgo 마케팅 웹사이트

Download the Capgo app, then scan the QR code.

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

@capgo/capacitor-live-reload 사용

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

설치

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

이 플러그인이 제공하는 것

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

예시 사용

configureServer

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

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

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

웹 소켓 연결을establish 하세요. 만약 이미 연결이 활성화되어 있다면.

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

await LiveReload.connect();

disconnect

현재 웹 소켓 연결을 종료하고 자동 재 연결을 비활성화하세요.

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

await LiveReload.disconnect();

getStatus

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

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

await LiveReload.getStatus();

전체 참조

Keep going from Using @capgo/capacitor-live-reload

Capgo를 사용하여 native plugin 작업을 계획하고 있다면 Using @capgo/capacitor-live-reload Capgo를 사용하여 native plugin 작업을 계획하고 있다면 @capgo/capacitor-live-reload @capgo/capacitor-live-reload, Getting Started @__CAPGO_KEEP_0__ Plugin Directory @Capgo Plugin Directory @Capgo Plugins by __CAPGO_KEEP_1__ @Capacitor Plugins by Capgo, and for the implementation detail in Capacitor Plugins by Capgo, and @__CAPGO_KEEP_0__ Apps with 150+ __CAPGO_KEEP_0__-ready plugins