Vuoi creare app iOS e Android utilizzando tecnologie web? Ecco come configurare rapidamente ed efficacemente un ambiente Capacitor locale.
Passaggi Chiave:
-
Installa il Software Necessario:
-
Configurazione iOS (solo macOS):
-
Configurazione Android:
- Android Studio Hedgehog (2023.1.1)+, Android SDK API level 23+, JDK 17, e Gradle 8.0+.
- Imposta le variabili d’ambiente per gli strumenti Android.
-
Installa Capacitor:
Terminal window npm install @capacitor/core @capacitor/cli @capacitor/ios @capacitor/android -
Inizializza un Progetto:
- Crea un nuovo progetto o integra Capacitor in un’app esistente usando
npx cap init
.
- Crea un nuovo progetto o integra Capacitor in un’app esistente usando
-
Aggiungi Piattaforme:
Terminal window npx cap add iosnpx cap add android -
Build e Sincronizzazione:
- Compila gli asset web (
npm run build
) e sincronizzali con le piattaforme native (npx cap sync
).
- Compila gli asset web (
-
Abilita Aggiornamenti Live:
-
Usa Capgo per aggiornamenti in tempo reale con:
Terminal window npx @capgo/cli init
-
-
- Usa iOS Simulator (
npx cap open ios
) o Android Emulator (npx cap open android
).
- Usa iOS Simulator (
Suggerimento Rapido:
Aggiorna capacitor.config.ts
per gestire gli ambienti e abilitare gli aggiornamenti live. Per esempio:
const config: CapacitorConfig = { server: { url: process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : 'https://production-url.com', cleartext: true }};
Questa configurazione garantisce uno sviluppo, test e distribuzione fluidi per le tue app Capacitor.
[Rest of the content follows the same pattern of translation while maintaining all technical terms, links, code blocks, and references intact]