Zum Hauptinhalt springen

Entwicklung

Test auf dem Desktop​

  1. Wenn node/npm nicht installiert sind, installieren Sie mit https://github.com/nvm-sh/nvm oder https://nodejs.org/en/download
  2. cd zum Projektstamm und führen Sie npm install aus.

  1. Führen Sie npm run serve aus, um den Entwicklungsserver zu starten. Sobald der lokale Server läuft, sehen Sie die URL/IP-Adressen, unter denen Ihr Projekt läuft.

  1. Öffnen Sie ein neues Browserfenster und fügen Sie die Loopback-URL oder IP-Adresse ein, um Ihr Projekt im Entwicklungsmodus zu testen.

Test auf dem Handy​

Um Ihr Projekt auf mobilen Geräten zu testen, insbesondere für AR-Erlebnisse, die den Zugriff auf die Kamera erfordern, müssen Sie Ihren Entwicklungsserver über HTTPS bereitstellen. Wir empfehlen die Verwendung von ngrok, um einen sicheren Tunnel zu Ihrem lokalen Server zu erstellen.

Nachdem Sie ngrok eingerichtet haben, fügen Sie die folgende Konfiguration zu config/webpack.config.js unter dem Abschnitt devServer hinzu:

devServer: {
  // ... existing config
  allowedHosts: ['.ngrok-free.dev']
}