Passer à la navigation principale
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 Live Reload

Tester sur appareil

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

Prévisualisation du lien QR du plugin Live Reload code

En utilisant @capgo/capacitor-live-reload

Le plugin Capacitor permet de 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 - Retourner l'état de la connexion actuelle.

- Utilisation de l'exemple

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

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