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

ライブリロード

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

ガイド

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

デバイスでテスト

Download the Capgo app, then scan the QR code.

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

@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接続がなければ、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 native プラグインの作業計画に、 @capgo/capacitor-live-reloadに接続する for the implementation detail in @capgo/capacitor-live-reload, Getting Started Getting Startedの実装詳細については、 Capgo プラグイン ディレクトリ Capgo プラグイン ディレクトリの製品ワークフローについては、 Capacitor Plugins by Capgo Capacitor Live Reloadの実装詳細やCapacitor プラグインのCapgoによる提供については、 プラグインの追加または更新 プラグインの追加または更新の実装詳細については、