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

ライブリロード

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

ガイド

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

@capgo/capacitor-live-reloadを使用

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

Install

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

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

  • configureServer - 次回の接続に使用するためにリモートの開発サーバー設定を保存する。
  • connect - WebSocket接続が既に有効化されていない場合にWebSocket接続を確立する。
  • disconnect - 現在のWebSocket接続を閉じ、自動再接続を無効化する。
  • getStatus - 現在の接続状態を取得する。

Example Usage

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();

Full Reference

使用中の@capgo/capacitor-live-reloadから続けてください。

Capgoを使用している場合 @capgo/capacitor-live-reloadを使用して ネイティブプラグインの作業を計画する場合、@__CAPGO_KEEP_0__/__CAPGO_KEEP_1__-live-reloadと接続してください。 @capgo/capacitor-live-reloadの実装詳細については@capgo/capacitor-live-reloadを参照してください。 for the implementation detail in @capgo/capacitor-live-reload, 実装詳細についてはGetting Startedを参照してください。 __CAPGO_KEEP_0__ プラグイン ディレクトリ https://Capgo.com/Cap-go/__CAPGO_KEEP_1__-live-reload/ 製品ワークフローについての Capgo プラグインディレクトリ Capacitor プラグインは Capgo によって提供されます 実装詳細については Capacitor プラグインは Capgo によって提供されます プラグインの追加または更新 実装詳細についてはプラグインの追加または更新