Salta al contenuto principale
@capgo/capacitor-live-reload Aggiornamenti Open source

Live Reload Plugin Capacitor

Connettiti al tuo dev server per l'hot reloading istantaneo durante lo sviluppo

Installa

bun add @capgo/capacitor-live-reload bunx cap sync
npm, pnpm o yarn
  • npm install @capgo/capacitor-live-reload
  • pnpm add @capgo/capacitor-live-reload
  • yarn add @capgo/capacitor-live-reload

Guida

Come usare Live Reload in Capacitor

Utilizzo di @capgo/capacitor-live-reload

Plugin Capacitor per il live reload di app Capacitor tramite un server di sviluppo Vite remoto.

Installa

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

bunx cap sync copia i code nativi del plugin nei tuoi progetti nativi. Eseguilo di nuovo dopo ogni aggiornamento del plugin.

Importa

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

API in breve

Metodo Descrizione
configureServer Memorizza le impostazioni del server di dev remoto per le connessioni successive.
connect Stabilisce una connessione WebSocket se non è già attiva.
disconnect Chiude la connessione WebSocket corrente e disabilita il riconnetti automatico.
getStatus Restituisce lo stato della connessione corrente.
reload Avvia un reload completo della WebView Capacitor.
reloadFile Ricarica un singolo file/modulo se il runtime lo supporta (altrimenti esegue un reload completo).

Esempi

configureServer()

Memorizza le impostazioni del server di dev remoto per le connessioni successive.

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

const result = await LiveReload.configureServer({ url: 'https://example.com' });
console.log(result);

connect()

Stabilisce una connessione WebSocket se non è già attiva.

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

const result = await LiveReload.connect();
console.log(result);

disconnect()

Chiude la connessione WebSocket corrente e disabilita il riconnetti automatico.

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

const result = await LiveReload.disconnect();
console.log(result);

getStatus()

Restituisce lo stato della connessione corrente.

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

const result = await LiveReload.getStatus();
console.log(result);

reload()

Avvia un reload completo della WebView Capacitor.

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

await LiveReload.reload();

reloadFile()

Ricarica un singolo file/modulo se il runtime lo supporta (altrimenti esegue un reload completo).

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

await LiveReload.reloadFile({ path: 'path/to/file' });

Ascolta gli eventi

addListener restituisce un handle. Chiama handle.remove() quando la schermata viene smontata, o LiveReload.removeAllListeners() per rimuovere tutti i listener.

Riferimento completo

Continua da Usare @capgo/capacitor-live-reload

Se stai usando Utilizzo di @capgo/capacitor-live-reload per pianificare il lavoro sui plugin nativi, collegalo a @capgo/capacitor-live-reload per i dettagli di implementazione in @capgo/capacitor-live-reload, Per iniziare per i dettagli di implementazione nella guida introduttiva, Directory dei plugin di Capgo per il workflow del prodotto nella Capgo Plugin Directory, Plugin Capacitor di Capgo per i dettagli di implementazione in Plugin Capacitor di Capgo, e Aggiunta o aggiornamento dei plugin per i dettagli di implementazione in Aggiunta o aggiornamento dei plugin.

FAQ

FAQ sul plugin Live Reload

Come installo il plugin Live Reload in un'app Capacitor?

Esegui "bun add @capgo/capacitor-live-reload" (o "npm install @capgo/capacitor-live-reload"), poi lancia "bunx cap sync" affinché i progetti iOS e Android carichino i code nativi. Importalo da "@capgo/capacitor-live-reload" nel code della tua app.

@capgo/capacitor-live-reload funziona con React, Vue e Angular?

Sì. Live Reload è un pacchetto Capacitor, quindi funziona con qualsiasi web framework in esecuzione all'interno di Capacitor, inclusi Ionic, React, Vue, Angular, Svelte e JavaScript puro.

Quale versione di Capacitor è supportata da @capgo/capacitor-live-reload?

I plugin Capgo seguono la major version di Capacitor: usa la major version del plugin che corrisponde alla tua major version di Capacitor (ad esempio plugin v8 con Capacitor 8). La tabella di compatibilità nel README di GitHub elenca le versioni mantenute.

@capgo/capacitor-live-reload è free e open source?

Sì. Il codice sorgente code è pubblico su GitHub all'indirizzo https://github.com/Cap-go/capacitor-live-reload/ e il pacchetto è gratuito su npm. Bug report e pull request sono benvenuti.

Posso aggiornare code che usa Live Reload senza passare per la revisione dell'App Store?

Installare o aggiornare il plugin modifica il code nativo, quindi serve una nuova build per lo store. Dopo, le modifiche a JavaScript, HTML e CSS che chiamano il plugin possono essere rilasciate subito con le live updates di Capgo.

Distribuisci modifiche con Live Reload senza attendere la revisione dell'app

Una volta incluso il plugin nel tuo store build, Capgo invia le modifiche a JavaScript, HTML e CSS tramite live updates in pochi minuti.

Inizia con Capgo