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

live reload

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

설명서

라이브 리로드에 대한 튜토리얼

장치에서 테스트

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 연결을establish합니다. (이미 활성화된 경우 제외)
  • disconnect - 현재 WebSocket 연결을 종료하고 자동 재 연결을 비활성화합니다.
  • getStatus - 현재 연결 상태를 반환합니다.

예제 사용

configureServer

원격 개발 서버 설정을 저장하여 이후 연결에 사용합니다.

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

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

__CAPGO_KEEP_0__와 WebSocket 연결을establish합니다. 만약 이미 연결이 활성화되어 있다면.

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

await LiveReload.connect();

disconnect

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

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

await LiveReload.disconnect();

getStatus

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

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

await LiveReload.getStatus();

전체 참조

capgo와 함께 @capgo/capacitor-live-reload를 계속 사용하세요.

__CAPGO_KEEP_0__와 함께 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload를 사용하고 있다면 capgo와 함께 @capgo/capacitor-live-reload를 연결하세요. __CAPGO_KEEP_0__와 함께 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload를 사용하세요. capgo와 함께 @capgo/capacitor-live-reload를 연결하세요. capgo/capacitor 라이브 리로드 구현 세부 사항에 대해 시작하기 __CAPGO_KEEP_0__ 플러그인 디렉토리 구현 세부 사항에 대해 Capgo 플러그인 디렉토리에서 제품 워크플로에 대해 Capgo 플러그인들 - __CAPGO_KEEP_1__ Capacitor 플러그인들 - Capgo 구현 세부 사항 및 for the implementation detail in Capacitor Plugins by Capgo, and __CAPGO_KEEP_0__ 구현 세부 사항에 대해 플러그인 추가 또는 업데이트 푸터