Passer au contenu principal
Retour aux plugins
@capgo/capacitor-live-reload
Tutoriel
@capgo/capacitor-live-reload

Rechargement en direct

Connectez-vous à votre serveur de développement pour un rechargement instantané en direct pendant le développement

Guide

Tutoriel sur le rechargement en direct

Tester sur appareil

Télécharger l'application Capgo, puis scannez le code QR code.

Lien QR de prévisualisation du plugin Live Reload code

Utilisation de @capgo/capacitor-live-reload

Capacitor plugin pour recharger en direct les applications Capacitor à partir d'un serveur de développement distant Vite.

Installer

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

Ce que ce plugin expose

  • configureServer - Stocker les paramètres du serveur de développement distant utilisés pour les connexions ultérieures.
  • connect - Établir une connexion WebSocket si celle-ci n'est pas déjà active.
  • disconnect - Fermer la connexion WebSocket actuelle et désactiver la reconnexion automatique.
  • getStatus - Renvoie l'état de la connexion actuelle.

Exemple d'utilisation

configureServer

Stocker les paramètres du serveur de développement distant utilisés pour les connexions ultérieures.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.configureServer({} as ConfigureServerOptions);

connect

Establisher une connexion WebSocket si elle n'est pas déjà active.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.connect();

disconnect

Fermer la connexion WebSocket actuelle et désactiver la reconnexion automatique.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.disconnect();

getStatus

Renvoie le statut de connexion actuel.

import { LiveReload } from '@capgo/capacitor-live-reload';

await LiveReload.getStatus();

Référence complète

Continuez à utiliser @capgo/capacitor-live-reload

Si vous utilisez Utilisez @capgo/capacitor-live-reload pour planifier le travail de plugin natif, connectez-le avec @capgo/capacitor-live-reload pour les détails d'implémentation dans @capgo/capacitor-live-reload, Démarrage pour les détails d'implémentation dans Démarrage, Capgo Répertoire des plugins pour le flux de travail du produit dans Capgo Répertoire des plugins, Capacitor Plugins par Capgo pour les détails d'implémentation dans Capacitor Plugins par Capgo, et Ajouter ou Mettre à jour les plugins pour les détails d'implémentation dans Ajouter ou Mettre à jour les plugins.