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:
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:
npx cap add ios npx 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:
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]