Live Reload __CAPGO_KEEP_0__ Plugin: Install, Setup & Examples
プラグインに戻る
@capgo/capacitor-live-reload
チュートリアル
@capgo/capacitor-live-reload

ライブリロード

開発用サーバーに接続して、開発中に即時ホットリロードを実行

リポジトリを表示

ガイド

Live Reloadのチュートリアル

Download the Capgo app, then scan the QR code.

Live Reload プラグインのプレビュー QR code

@capgo/capacitor-live-reload を使用します

Capacitor プラグインを使用して、Capacitor アプリをリモートの Vite 開発サーバーからリアルタイムに更新します。

インストール

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

このプラグインが公開するもの

  • configureServer - リモートの開発サーバー設定を使用して、後続の接続に使用します。
  • connect - WebSocket 接続を確立します。既存の接続が存在しない場合。
  • disconnect - 現在の WebSocket 接続を閉じ、自動再接続を無効にします。
  • getStatus - 現在の接続状態を取得します。

- リモートの開発サーバー設定を使用して、後続の接続に使用します。

configureServer

例の使用方法

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

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

WebSocket接続を確立するには、既存の接続が存在しない場合にのみ実行します。

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

フルリファレンス

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

Capacitor Live Reloadを使用している場合 Using @capgo/capacitor-live-reload Capacitor Live Reloadを使用してnativeプラグインの作業を計画する場合、Capacitor Live Reloadを接続する @capgo/capacitor-live-reload @capgo/capacitor-live-reload用の実装詳細について Getting Started Getting Startedの実装詳細について Capgo Plugin Directory for the product workflow in Capgo Plugin Directory, Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and プラグインの追加または更新 プラグインの追加または更新の実装詳細について。