Guide
Comment utiliser le Live Reload dans Capacitor
Utiliser @capgo/capacitor-live-reload
Le plugin Capacitor pour le live reload des apps Capacitor depuis un serveur de dev Vite distant.
Installer
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync copie le code natif du plugin dans vos projets natifs. Relancez-l’après chaque mise à jour du plugin.
Importer
import { LiveReload } from '@capgo/capacitor-live-reload';
Aperçu de API
| Méthode | Description |
|---|---|
configureServer |
Enregistre les paramètres du serveur de dev distant pour les connexions suivantes. |
connect |
Établit une connexion WebSocket si aucune n'est déjà active. |
disconnect |
Ferme la connexion WebSocket actuelle et désactive la reconnexion automatique. |
getStatus |
Renvoie le statut de la connexion actuelle. |
reload |
Déclenche un rechargement complet de la WebView Capacitor. |
reloadFile |
Recharge un seul fichier/module si le runtime le permet (sinon, rechargement complet). |
Exemples
configureServer()
Enregistre les paramètres du serveur de dev distant pour les connexions suivantes.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Établit une connexion WebSocket si aucune n'est déjà active.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Ferme la connexion WebSocket actuelle et désactive la reconnexion automatique.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.disconnect();
console.log(result);
getStatus()
Renvoie le statut de la connexion actuelle.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.getStatus();
console.log(result);
reload()
Déclenche un rechargement complet de la WebView Capacitor.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Recharge un seul fichier/module si le runtime le permet (sinon, rechargement complet).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Écouter les événements
addListener renvoie un handle. Appelez handle.remove() lors du démontage de l'écran, ou LiveReload.removeAllListeners() pour supprimer tous les listeners.
Référence complète
Continuer depuis Using @capgo/capacitor-live-reload
Si vous utilisez Utiliser @capgo/capacitor-live-reload pour planifier le travail sur les plugins natifs, connectez-l’à @capgo/capacitor-live-reload pour les détails d'implémentation dans @capgo/capacitor-live-reload, Prise en main pour les détails d'implémentation dans Getting Started Capgo Répertoire des plugins pour le workflow produit dans Capgo Plugin Directory, Plugins Capacitor par Capgo pour les détails d'implémentation dans les plugins Capacitor par Capgo, et Ajouter ou mettre à jour des plugins pour les détails d'implémentation dans Adding or Updating Plugins.