Passer à la navigation principale
Retour aux plugins
@capgo/capacitor-live-reload
Guide
@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

La tutelle sur Live Reload

Tester sur appareil

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

Prévisualisation du lien QR du plugin Live Reload code

Utilisation de @capgo/capacitor-live-reload

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

Installer

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

Ceci 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 une n'est pas déjà active.
  • disconnect - Fermer la connexion WebSocket actuelle et désactiver la reconnexion automatique.
  • getStatus - Retourne 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 une n'est pas déjà active.

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

await LiveReload.connect();

disconnect

Closez la connexion WebSocket actuelle et désactivez la reconnexion automatique.

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

await LiveReload.disconnect();

getStatus

Retourne le statut de connexion actuel.

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

await LiveReload.getStatus();

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 de 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 Prise en main, Répertoire de l'Capgo pour le flux de travail du produit dans Répertoire de l'Capgo, Plugins de l'Capacitor par Capgo pour les détails d'implémentation dans Plugins de l'Capacitor par Capgo, et Ajouter ou mettre à jour les plugins pour les détails d'implémentation dans Ajouter ou mettre à jour les plugins.