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

实时重载

连接到您的开发服务器,实时重载代码

指南

Live Reload教程

在设备上测试

下载Capgo应用,扫描QRcode

实时重载插件预览二维码 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 的实现细节, 开始使用 为 Getting Started 的实现细节, Capgo 插件目录 为 Capgo 插件目录中的产品工作流, Capacitor 插件列表(由 Capgo 提供) 为 Capacitor 插件列表(由 Capgo 提供)中的实现细节,并且 添加或更新插件 为添加或更新插件的实现细节。