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

라이브 리로드

개발 중에 즉시热 재로드를 위해 개발 서버에 연결하세요

가이드

라이브 리로드 튜토리얼

장치에서 테스트

다운로드 Capgo 앱, 그리고 QR code를 스캔하세요.

라이브 리로드 플러그인 미리보기 QR code

Using @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();

전체 참조

Using @capgo/capacitor-live-reload

Using @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload native 플러그인 작업을 계획하고 있다면, @capgo/capacitor-live-reload 을 연결하세요. @capgo/capacitor-live-reload @capgo/capacitor-live-reload, Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload, Capgo 플러그인 디렉토리 @Capgo 플러그인 디렉토리에서 제품 워크플로우를 위한 Capacitor 플러그인들에 대한 Capgo의 @Capacitor 플러그인들에 대한 Capgo의 구현 세부 사항, 그리고 플러그인 추가 또는 업데이트 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload,