Skip to main content
플러그인으로 돌아가기
@capgo/capacitor-live-reload
튜토리얼
@capgo/capacitor-live-reload

라이브 리로드

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

Guide

Live Reload Tutorial

Test on device

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

전체 참조

capgo를 사용하여 계속하세요: @capgo/capacitor-live-reload

Capgo를 사용하고 있다면 Capgo를 사용하여 @capgo/capacitor-live-reload native 플러그인 작업을 계획하기 위해, 그것을 연결하세요. @capgo/capacitor-live-reload for the implementation detail in @capgo/capacitor-live-reload, Getting Started Getting Started의 구현 세부 사항에 대해 Capgo 플러그인 디렉토리 Capgo 플러그인 디렉토리의 제품 워크플로에 대해 Capacitor 플러그인들에 의해 Capgo Capacitor 플러그인들에 의해 Capgo의 구현 세부 사항에 대해, 그리고 플러그인을 추가하거나 업데이트 플러그인을 추가하거나 업데이트하는 구현 세부 사항에 대해.