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

ライブリロード

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

ガイド

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

デバイスでテスト

Capgoアプリをダウンロードし、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接続が既に有効化されていない場合、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/capacitor-live-reload

__CAPGO_KEEP_0__が使用されている場合 @capgo/capacitor-live-reload native プラグインの作業を計画する場合、Cloudflareと接続する @capgo/capacitor-live-reload @capgo/capacitor-live-reloadの実装詳細は@capgo/capacitor-live-reload Getting Started @__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reloadの実装詳細はGetting Started Capgo プラグイン ディレクトリ 製品ワークフローについての情報は Capgo プラグインディレクトリでご確認ください。 Capacitor プラグインは Capgo によって提供されています。 実装詳細については Capacitor プラグインの Capgo をご確認ください。 プラグインの追加または更新 プラグインの追加または更新の実装詳細についてはこちらをご確認ください。