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

ライブ リロード

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

ガイド

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

@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接続が既に有効化されていない場合に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();

フルリファレンス

Using @capgo/capacitor-live-reload

Capgoを使用している場合 @capgo/capacitor-live-reload Capgoを使用して、ネイティブプラグインの作業を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reload @capgo/capacitor-live-reload @capgo/capacitor-live-reload Capgoの実装詳細 Capgo プラグイン ディレクトリ Capgo Plugin Directory Capgo Capacitor Plugins by Capgo for the implementation detail in Capacitor Plugins by Capgo, and __CAPGO_KEEP_0__ プラグイン __CAPGO_KEEP_1__ によって