メインコンテンツにジャンプ
Back to plugins
@capgo/capacitor-live-reload
チュートリアル
@capgo/capacitor-live-reload

ライブ リロード

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

ガイド

ライブリロードのチュートリアル

デバイスでテスト

Download the Capgo app, then scan the QR code.

ライブリロード プラグイン プレビュー QR code

使用中 @capgo/capacitor-live-reload

Capacitor プラグインを使用して、リモートの Vite 開発サーバーから Capacitor アプリをライブでリロードします。

インストール

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

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

  • configureServer - 次回の接続に使用するためにリモートの開発サーバー設定を保存します。
  • connect - WebSocket 接続が既に有効になっている場合は、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();

フルリファレンス

capgoから続けて、@capgo/capacitor-live-reloadを使用します。

__CAPGO_KEEP_0__を使用してnativeプラグインの作業を計画している場合、@__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/capacitor-live-reloadを使用します。 実装詳細については @capgo/capacitor-live-reload に Getting Started 実装詳細については Getting Started に Capgo プラグイン ディレクトリ 実装詳細については Capgo プラグイン ディレクトリ に Capacitor プラグインズ by Capgo 実装詳細については Capacitor プラグインズ by Capgo に プラグインの追加または更新 実装詳細については プラグインの追加または更新 に