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

实时重载

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

指南

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 连接,则建立一个 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 为native插件工作做出计划,连接它 @capgo/capacitor-live-reload 关于@capgo/capacitor-live-reload的实现细节 开始 关于开始的实现细节 Capgo 插件目录 关于Capgo 插件目录中的产品工作流程 Capacitor 由Capgo提供的插件 关于Capacitor 由Capgo提供的插件的实现细节,并 添加或更新插件 关于添加或更新插件的实现细节。