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

实时重载

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

指南

关于实时重载的教程

在设备上测试

下载 Capgo 应用程序,然后扫描二维码 code.

Live Reload 插件预览二维码 code

使用 @capgo/capacitor-live-reload

Capacitor 插件用于从远程 Vite 开发服务器实时重载 Capacitor 应用。

安装

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

此插件暴露的内容

  • configureServer - 使用用于后续连接的远程开发服务器设置。
  • connect - 如果尚未激活,则建立一个 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/capacitor-live-reload 来规划原生插件工作,连接它与 @capgo/capacitor-live-reload 查看 @capgo/capacitor-live-reload 的实现细节 开始使用 查看 Getting Started 的实现细节 Capgo 插件目录 查看 Capgo 插件目录中的产品工作流程 Capacitor 由 Capgo 提供的插件 查看 Capacitor 由 Capgo 提供的插件的实现细节 添加或更新插件 为添加或更新插件的实现细节.