跳过主要内容
返回插件
@capgo/capacitor-live-reload
教程
@capgo/capacitor-live-reload

实时重载

连接到您的开发服务器以实现开发期间即时热重载

指南

__CAPGO_KEEP_0__的实时重载教程

在设备上测试

下载Capgo应用程序,然后扫描QR code。

实时重载插件预览二维码 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();

全局参考

继续使用 @capgo/capacitor-live-reload

如果您正在使用 使用 @capgo/capacitor-live-reload 来规划原生插件工作,连接它与 @capgo/capacitor-live-reload 对于 @capgo/capacitor-live-reload 的实现细节 开始使用 对于开始使用的实现细节 Capgo 插件目录 对于 Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 对于 Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 对于添加或更新插件的实现细节