メインコンテンツにスキップ
プラグインに戻る
@capgo/capacitor-live-reload
チュートリアル
@capgo/capacitor-live-reload

ライブリロード

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

Capgoで__CAPGO_KEEP_0__を表示

ガイド

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

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 接続を確立します。
  • 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 @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload @capgo/capacitor-live-reload Capacitorライブリロードの実装詳細については@capgo/capacitor-live-reloadを参照してください。 Getting Started Capacitorライブリロードの実装詳細については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 プラグインの追加または更新 プラグインの追加または更新の実装詳細についてはプラグインの追加または更新を参照してください。