📱
M335 - Mobile-Applikation realisieren
  • ▶️Intro
  • 🗓️Kursplanung & Organisation
  • 🛠️Infrastruktur und Tools
  • ❓FAQ
  • TAG 1
    • 📖Native, Hybrid, Web
    • 📖Frameworks
    • 📖Angular
    • 🦸‍♂️Tour of Heroes
      • 📖Introduction
      • 📖Create a project
      • 📖1. The hero editor
        • 💡Hinweise und Zusatzaufgaben zu Kapitel 1
      • 📖2. Display a list
        • 💡Hinweise und Zusatzaufgaben zu Kapitel 2
      • 📖3. Create a feature component
        • 💡Hinweise zu Kapitel 3
      • 📖4. Add services
        • 💡Hinweise zu Kapitel 4
      • 📖5. Navigation
        • 💡Hinweise und Zusatzaufgaben zu Kapitel 5
        • 💡Ergänzend zu Navigation
      • 💡 Debugging
    • 📖CSS / SASS / SCSS
  • Tag 2
  • 📖Ionic
  • ❓Ionic Projekt erstellen
  • 💡Ionic Übungen
  • 📖Usability
  • 📖Prototyping
  • 📖UI Elements
  • 🛠️ Projektsetup
  • Tag 3
    • 📖Native Grundlagen
    • 📖Capacitor Einführung
    • 💡App auf Gerät laufen lassen
    • 💡Native Komponente mit Capacitor verwenden
    • ❓Starten auf Gerät mit Live-Reload
  • 📖Persistenz
    • 📖Online Persistenz
    • 📖Offline Persistenz
  • Tag 4
    • 📖Testing
      • ❓Testplan: Praxisbeispiel
      • ❓Testprotokoll: Praxisbeispiel
  • Tag 5
    • 💡Build, Veröffentlichung, Ausblick
Powered by GitBook
On this page
  1. Tag 3

Starten auf Gerät mit Live-Reload

Es gibt die Möglichkeit, dass du in der App, die auf deinem Gerät läuft, direkt mit Live-Reload deine Webfiles anzeigen kannst. Dazu musst du folgende Schritte befolgen:

Im package.json das start Script um --host 0.0.0.0 ergänzen

    ...
    "start": "ng serve --host 0.0.0.0",
    ...

In capacitor.config.ts den Server Block hinzufügen:

  ...
  server: {
    url: 'http://<IP-Adresse>:4200',
    cleartext: true
  }
  ...

  • Jetzt noch einmal npx cap sync ausführen

  • Mit npm start den lokalen Server starten

  • und die App in Android Studio / Xcode starten.

Diese Änderung im capacitor.config.ts solltet ihr nicht ins git committen und nur zur lokalen Entwicklung verwenden.

PreviousNative Komponente mit Capacitor verwendenNextPersistenz

Last updated 5 days ago

❓