Guide
Comment utiliser Live Reload dans Capacitor
Utilisez @capgo/capacitor-live-reload
Capacitor plugin to live reload Capacitor apps from a remote Vite dev server.
Installer
bun add @capgo/capacitor-live-reload
bunx cap sync
bunx cap sync copie le plugin code natif dans vos projets natifs. Exécutez-l’à nouveau après chaque mise à niveau du plugin.
Importer
import { LiveReload } from '@capgo/capacitor-live-reload';
Voir d'un coup d'œil API
| Méthode | Description |
|---|---|
configureServer |
Store remote dev server settings used for subsequent connections. |
connect |
Établissez une connexion WebSocket si une connexion active n'existe pas déjà. |
disconnect |
Fermez la connexion WebSocket actuelle et désactivez la reconnexion automatique. |
getStatus |
Renvoie l'état de la connexion actuelle. |
reload |
Déclenchez une mise à jour complète de la Capacitor Vue Web. |
reloadFile |
Rechargez un seul fichier/module si le runtime le supporte (retourne à la mise à jour complète). |
Exemples
configureServer()
Store remote dev server settings used for subsequent connections.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);
connect()
Établissez une connexion WebSocket si une connexion n'est pas déjà active.
import { LiveReload } from '@capgo/capacitor-live-reload';
const result = await LiveReload.connect();
console.log(result);
disconnect()
Fermez la connexion WebSocket actuelle et désactivez 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éclenchez une mise à jour complète de la Capacitor Vue Web.
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reload();
reloadFile()
Rechargez un seul fichier/module si le runtime le supporte (retourne à la mise à jour complète).
import { LiveReload } from '@capgo/capacitor-live-reload';
await LiveReload.reloadFile({ path: 'path/to/file' });
Écoutez les événements
addListener renvoie un gestionnaire. Appelez handle.remove() lorsque l'écran est démonté, ou LiveReload.removeAllListeners() effacer tous les écouteurs.
Référence complète
Continuez à partir de l'utilisation de @capgo/capacitor-live-reload
Si vous utilisez L'utilisation de @capgo/capacitor-live-reload pour planifier le travail du plugin natif, connectez-l’avec @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 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.